Instalimi dhe konfigurimi i një Nuxt.js projekti
Instaloni Node.js
Sigurohuni që keni Node.js të instaluar në kompjuterin tuaj. Mund ta shkarkoni versionin më të fundit nga faqja zyrtare e internetit Node.js.
Instaloni Vue CLI
Hapni Terminal ose Command Prompt dhe ekzekutoni komandën e mëposhtme për të instaluar Vue CLI(nëse nuk është instaluar tashmë):
npm install -g vue-cli
Krijo një Nuxt.js Projekt
Në Terminal, lundroni në drejtorinë ku dëshironi të krijoni projektin tuaj dhe ekzekutoni komandën e mëposhtme për të krijuar një Nuxt.js projekt:
vue init nuxt-community/starter-template my-nuxt-project
Konfigurimi i projektit
Ndiqni udhëzimet në Terminal për të konfiguruar projektin tuaj. Ju mund të zgjidhni opsione të ndryshme për projektin tuaj, të tilla si përdorimi i ESLint, instalimi Axios, etj.
Krijimi i faqes së parë dhe shfaqja e përmbajtjes bazë:
Hapni Drejtorinë e Projektit
Hapeni Terminal dhe lundroni te drejtoria e projektit duke përdorur komandën cd my-nuxt-project(ose emrin e dosjes që keni zgjedhur).
Krijo një Faqe të Re
Përdorni Vue CLI për të krijuar një faqe të re me komandën e mëposhtme:
npx vue-cli-service generate page mypage
Redaktoni faqen e re
Hapni mypage.vue skedarin në pages drejtori dhe modifikoni përmbajtjen e faqes. Mund të shtoni HTML, komponentë Vue dhe të dhëna.
Shfaq faqen
Në layouts/default.vue skedar, mund të përdorni <nuxt/> etiketën për të shfaqur përmbajtjen e faqes.
Drejtoni Projektin
Në Terminal, ekzekutoni komandën e mëposhtme për të nisur projektin dhe për të parë faqen tuaj në shfletues:
npm run dev
Tani ju keni faqen tuaj të parë në Nuxt.js projekt dhe mund ta personalizoni përmbajtjen sipas dëshirës.