Installera och konfigurera ett Nuxt.js projekt
Installera Node.js
Se till att du har Node.js installerat på din dator. Du kan ladda ner den senaste versionen från den officiella Node.js-webbplatsen.
Installera Vue CLI
Öppna din Terminal eller Command Prompt och kör följande kommando för att installera Vue CLI(om det inte redan är installerat):
npm install -g vue-cli
Skapa ett Nuxt.js projekt
I Terminal, navigera till katalogen där du vill skapa ditt projekt och kör följande kommando för att skapa ett Nuxt.js projekt:
vue init nuxt-community/starter-template my-nuxt-project
Projektkonfiguration
Följ anvisningarna i för Terminal att konfigurera ditt projekt. Du kan välja olika alternativ för ditt projekt, som att använda ESLint, installera, Axios etc.
Skapa den första sidan och visa grundläggande innehåll:
Öppna projektkatalogen
Öppna din Terminal och navigera till projektkatalogen med kommandot cd my-nuxt-project(eller det mappnamn du valde).
Skapa en ny sida
Använd Vue CLI för att skapa en ny sida med följande kommando:
npx vue-cli-service generate page mypage
Redigera den nya sidan
Öppna mypage.vue filen i pages katalogen och redigera sidans innehåll. Du kan lägga till HTML, Vue-komponenter och data.
Visa sidan
I layouts/default.vue filen kan du använda <nuxt/> taggen för att visa innehållet på sidan.
Kör projektet
I Terminal, kör följande kommando för att starta projektet och visa din sida i webbläsaren:
npm run dev
Nu har du din första sida i Nuxt.js projektet och kan anpassa innehållet efter önskemål.