Nuxt.js किसी प्रोजेक्ट को स्थापित और कॉन्फ़िगर करना
Node.js स्थापित करें
सुनिश्चित करें कि आपके कंप्यूटर पर Node.js स्थापित है। आप नवीनतम संस्करण आधिकारिक Node.js वेबसाइट से डाउनलोड कर सकते हैं।
व्यू सीएलआई स्थापित करें
अपना Terminal या खोलें Command Prompt और Vue CLI इंस्टॉल करने के लिए निम्न कमांड चलाएँ(यदि पहले से इंस्टॉल नहीं है):
Nuxt.js एक प्रोजेक्ट बनाएं
में Terminal, उस निर्देशिका पर जाएँ जहाँ आप अपना प्रोजेक्ट बनाना चाहते हैं और प्रोजेक्ट बनाने के लिए निम्नलिखित कमांड चलाएँ Nuxt.js:
प्रोजेक्ट कॉन्फ़िगरेशन
Terminal अपने प्रोजेक्ट को कॉन्फ़िगर करने के लिए दिए गए संकेतों का पालन करें । आप अपने प्रोजेक्ट के लिए विभिन्न विकल्प चुन सकते हैं, जैसे ESLint का उपयोग करना, इंस्टॉल करना Axios आदि।
पहला पृष्ठ बनाना और मूल सामग्री प्रदर्शित करना:
प्रोजेक्ट निर्देशिका खोलें
अपना खोलें Terminal और कमांड cd my-nuxt-project
(या आपके द्वारा चुने गए फ़ोल्डर नाम) का उपयोग करके प्रोजेक्ट निर्देशिका पर नेविगेट करें।
एक नया पेज बनाएं
निम्नलिखित कमांड के साथ एक नया पेज बनाने के लिए Vue CLI का उपयोग करें:
नया पृष्ठ संपादित करें
mypage.vue
निर्देशिका में फ़ाइल खोलें pages
और पृष्ठ की सामग्री संपादित करें। आप HTML, Vue घटक और डेटा जोड़ सकते हैं।
पृष्ठ प्रदर्शित करें
फ़ाइल में layouts/default.vue
, आप <nuxt/>
पृष्ठ की सामग्री प्रदर्शित करने के लिए टैग का उपयोग कर सकते हैं।
प्रोजेक्ट चलाएँ
में Terminal, प्रोजेक्ट शुरू करने और ब्राउज़र में अपना पेज देखने के लिए निम्नलिखित कमांड चलाएँ:
अब आपके पास Nuxt.js प्रोजेक्ट में अपना पहला पृष्ठ है और आप इच्छानुसार सामग्री को अनुकूलित कर सकते हैं।