تثبيت وتكوين Nuxt.js المشروع
قم بتثبيت Node.js
تأكد من تثبيت Node.js على جهاز الكمبيوتر الخاص بك. يمكنك تنزيل أحدث إصدار من موقع Node.js الرسمي.
قم بتثبيت Vue CLI
افتح Terminal أو Command Prompt قم بتشغيل الأمر التالي لتثبيت Vue CLI(إذا لم يكن مثبتًا بالفعل):
npm install -g vue-cli
أنشئ Nuxt.js مشروعًا
في Terminal ، انتقل إلى الدليل حيث تريد إنشاء مشروعك وقم بتشغيل الأمر التالي لإنشاء مشروع Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
تكوين المشروع
اتبع المطالبات في Terminal لتكوين مشروعك. يمكنك اختيار خيارات متنوعة لمشروعك ، مثل استخدام ESLint والتثبيت Axios وما إلى ذلك.
إنشاء الصفحة الأولى وعرض المحتوى الأساسي:
افتح دليل المشروع
افتح ملفك Terminal وانتقل إلى دليل المشروع باستخدام الأمر cd my-nuxt-project(أو اسم المجلد الذي اخترته).
قم بإنشاء صفحة جديدة
استخدم Vue CLI لإنشاء صفحة جديدة بالأمر التالي:
npx vue-cli-service generate page mypage
قم بتحرير الصفحة الجديدة
افتح mypage.vue الملف في pages الدليل وقم بتحرير محتوى الصفحة. يمكنك إضافة مكونات HTML و Vue والبيانات.
اعرض الصفحة
في الملف layouts/default.vue ، يمكنك استخدام <nuxt/> العلامة لعرض محتوى الصفحة.
قم بتشغيل المشروع
في Terminal ، قم بتشغيل الأمر التالي لبدء المشروع وعرض صفحتك في المتصفح:
npm run dev
الآن لديك صفحتك الأولى في Nuxt.js المشروع ويمكنك تخصيص المحتوى حسب الرغبة.