Instaliranje i konfiguriranje Nuxt.js projekta
Instalirajte Node.js
Provjerite imate li Node.js instaliran na vašem računalu. Najnoviju verziju možete preuzeti sa službene web stranice Node.js.
Instalirajte Vue CLI
Otvorite Terminal ili Command Prompt i pokrenite sljedeću naredbu za instalaciju Vue CLI(ako već nije instaliran):
npm install -g vue-cli
Napravite Nuxt.js projekt
U Terminal dođite do direktorija u kojem želite stvoriti svoj projekt i pokrenite sljedeću naredbu za izradu projekta Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfiguracija projekta
Slijedite upute u da Terminal biste konfigurirali svoj projekt. Možete odabrati različite opcije za svoj projekt, kao što je korištenje ESLinta, instaliranje Axios itd.
Stvaranje prve stranice i prikazivanje osnovnog sadržaja:
Otvorite direktorij projekta
Otvorite Terminal i dođite do direktorija projekta pomoću naredbe cd my-nuxt-project(ili naziva mape koji ste odabrali).
Napravi novu stranicu
Koristite Vue CLI za generiranje nove stranice sa sljedećom naredbom:
npx vue-cli-service generate page mypage
Uredite novu stranicu
Otvorite mypage.vue datoteku u pages imeniku i uredite sadržaj stranice. Možete dodati HTML, Vue komponente i podatke.
Prikaži stranicu
U layouts/default.vue datoteci možete koristiti <nuxt/> oznaku za prikaz sadržaja stranice.
Pokreni projekt
U Terminal, pokrenite sljedeću naredbu za pokretanje projekta i pregled stranice u pregledniku:
npm run dev
Sada imate svoju prvu stranicu u Nuxt.js projektu i možete prilagoditi sadržaj po želji.