Nuxt.js ایک پروجیکٹ کو انسٹال اور ترتیب دینا
Node.js انسٹال کریں۔
یقینی بنائیں کہ آپ کے کمپیوٹر پر Node.js انسٹال ہے۔ آپ سرکاری Node.js ویب سائٹ سے تازہ ترین ورژن ڈاؤن لوڈ کر سکتے ہیں۔
Vue CLI انسٹال کریں۔
Vue CLI(اگر پہلے سے انسٹال نہیں ہے) کو انسٹال کرنے کے لیے اپنا Terminal یا کھولیں اور درج ذیل کمانڈ کو چلائیں۔ Command Prompt
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 پروجیکٹ میں آپ کا پہلا صفحہ ہے اور آپ اپنی مرضی کے مطابق مواد کو اپنی مرضی کے مطابق بنا سکتے ہیں۔