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):
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:
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:
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:
Zdaj imate svojo prvo stran v Nuxt.js projektu in lahko prilagodite vsebino po želji.