الشروع في Nuxt.js: التثبيت والتكوين والصفحة الأولى

تثبيت وتكوين Nuxt.js المشروع

تأكد من تثبيت Node.js على جهاز الكمبيوتر الخاص بك. يمكنك تنزيل أحدث إصدار من موقع Node.js الرسمي.

افتح Terminal أو Command Prompt قم بتشغيل الأمر التالي لتثبيت Vue CLI(إذا لم يكن مثبتًا بالفعل):

npm install -g vue-cli

في 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 المشروع ويمكنك تخصيص المحتوى حسب الرغبة.