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