Nuxt.js किसी प्रोजेक्ट को स्थापित और कॉन्फ़िगर करना
Node.js स्थापित करें
सुनिश्चित करें कि आपके कंप्यूटर पर Node.js स्थापित है। आप नवीनतम संस्करण आधिकारिक Node.js वेबसाइट से डाउनलोड कर सकते हैं।
व्यू सीएलआई स्थापित करें
अपना 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 प्रोजेक्ट में अपना पहला पृष्ठ है और आप इच्छानुसार सामग्री को अनुकूलित कर सकते हैं।