Installere og konfigurere et Nuxt.js prosjekt
Installer Node.js
Sørg for at du har Node.js installert på datamaskinen. Du kan laste ned den nyeste versjonen fra det offisielle nettstedet til Node.js.
Installer Vue CLI
Åpne Terminal eller Command Prompt og kjør følgende kommando for å installere Vue CLI(hvis ikke allerede installert):
npm install -g vue-cli
Lag et Nuxt.js prosjekt
I Terminal, naviger til katalogen der du vil opprette prosjektet og kjør følgende kommando for å opprette et Nuxt.js prosjekt:
vue init nuxt-community/starter-template my-nuxt-project
Prosjektkonfigurasjon
Følg instruksjonene i for Terminal å konfigurere prosjektet ditt. Du kan velge ulike alternativer for prosjektet ditt, for eksempel å bruke ESLint, installere Axios osv.
Opprette den første siden og vise grunnleggende innhold:
Åpne prosjektkatalogen
Åpne Terminal og naviger til prosjektkatalogen ved å bruke kommandoen cd my-nuxt-project(eller mappenavnet du valgte).
Opprett en ny side
Bruk Vue CLI til å generere en ny side med følgende kommando:
npx vue-cli-service generate page mypage
Rediger den nye siden
Åpne mypage.vue filen i pages katalogen og rediger innholdet på siden. Du kan legge til HTML, Vue-komponenter og data.
Vis siden
I layouts/default.vue filen kan du bruke taggen <nuxt/> for å vise innholdet på siden.
Kjør prosjektet
I Terminal, kjør følgende kommando for å starte prosjektet og se siden din i nettleseren:
npm run dev
Nå har du din første side i prosjektet Nuxt.js og kan tilpasse innholdet etter ønske.