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 आणि इच्छेनुसार सामग्री सानुकूलित करू शकता.