Nuxt.js Projekto diegimas ir konfigūravimas
Įdiekite Node.js
Įsitikinkite, kad jūsų kompiuteryje įdiegtas Node.js. Naujausią versiją galite atsisiųsti iš oficialios Node.js svetainės.
Įdiekite Vue CLI
Atidarykite Terminal arba Command Prompt ir paleiskite šią komandą, kad įdiegtumėte Vue CLI(jei dar neįdiegta):
npm install -g vue-cli
Sukurti Nuxt.js projektą
Eikite Terminal į katalogą, kuriame norite sukurti projektą, ir paleiskite šią komandą, kad sukurtumėte projektą Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Projekto konfigūracija
Vykdykite nurodymus, kad Terminal sukonfigūruotumėte savo projektą. Galite pasirinkti įvairias projekto parinktis, pvz., naudoti ESLint, diegti Axios ir kt.
Pirmojo puslapio kūrimas ir pagrindinio turinio rodymas:
Atidarykite projekto katalogą
Atidarykite savo Terminal ir eikite į projekto katalogą naudodami komandą cd my-nuxt-project(arba pasirinktą aplanko pavadinimą).
Sukurti naują puslapį
Naudokite Vue CLI, kad sukurtumėte naują puslapį naudodami šią komandą:
npx vue-cli-service generate page mypage
Redaguoti naują puslapį
Atidarykite mypage.vue failą kataloge pages ir redaguokite puslapio turinį. Galite pridėti HTML, Vue komponentus ir duomenis.
Rodyti puslapį
Faile layouts/default.vue galite naudoti <nuxt/> žymą puslapio turiniui rodyti.
Vykdykite projektą
Jei norite Terminal pradėti projektą ir peržiūrėti savo puslapį naršyklėje, paleiskite šią komandą:
npm run dev
Dabar turite pirmąjį projekto puslapį Nuxt.js ir galite tinkinti turinį, kaip norite.