Nuxt.js प्रकल्प स्थापित करणे आणि कॉन्फिगर करणे
Node.js स्थापित करा
तुमच्या कॉम्प्युटरवर Node.js इन्स्टॉल केल्याची खात्री करा. तुम्ही अधिकृत Node.js वेबसाइटवरून नवीनतम आवृत्ती डाउनलोड करू शकता.
Vue CLI स्थापित करा
Vue CLI स्थापित करण्यासाठी तुमची Terminal किंवा Command Prompt खालील कमांड उघडा(आधीपासून स्थापित नसल्यास):
एक 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 आणि इच्छेनुसार सामग्री सानुकूलित करू शकता.