Namestitev in konfiguracija Nuxt.js projekta
Namestite Node.js
Prepričajte se, da imate v računalniku nameščen Node.js. Najnovejšo različico lahko prenesete z uradne spletne strani Node.js.
Namestite Vue CLI
Odprite Terminal ali Command Prompt in zaženite naslednji ukaz za namestitev Vue CLI(če še ni nameščen):
npm install -g vue-cli
Ustvarite Nuxt.js projekt
V Terminal, se pomaknite do imenika, kjer želite ustvariti svoj projekt, in zaženite naslednji ukaz za ustvarjanje projekta Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfiguracija projekta
Sledite navodilom v Terminal za konfiguracijo projekta. Izberete lahko različne možnosti za svoj projekt, kot je uporaba ESLint, namestitev Axios itd.
Ustvarjanje prve strani in prikaz osnovne vsebine:
Odprite imenik projektov
Odprite Terminal in se pomaknite do imenika projekta z ukazom cd my-nuxt-project(ali imenom mape, ki ste ga izbrali).
Ustvari novo stran
Uporabite Vue CLI za ustvarjanje nove strani z naslednjim ukazom:
npx vue-cli-service generate page mypage
Uredite novo stran
Odprite mypage.vue datoteko v pages imeniku in uredite vsebino strani. Dodate lahko komponente HTML, Vue in podatke.
Prikažite stran
V layouts/default.vue datoteki lahko uporabite <nuxt/> oznako za prikaz vsebine strani.
Zaženite projekt
V Terminal zaženite naslednji ukaz, da zaženete projekt in si ogledate svojo stran v brskalniku:
npm run dev
Zdaj imate svojo prvo stran v Nuxt.js projektu in lahko prilagodite vsebino po želji.