Installation og konfiguration af et Nuxt.js projekt
Installer Node.js
Sørg for, at du har Node.js installeret på din computer. Du kan downloade den seneste version fra det officielle Node.js-websted.
Installer Vue CLI
Åbn din Terminal eller Command Prompt og kør følgende kommando for at installere Vue CLI(hvis den ikke allerede er installeret):
npm install -g vue-cli
Opret et Nuxt.js projekt
I Terminal, skal du navigere til den mappe, hvor du vil oprette dit projekt, og køre følgende kommando for at oprette et Nuxt.js projekt:
vue init nuxt-community/starter-template my-nuxt-project
Projektkonfiguration
Følg vejledningen i for Terminal at konfigurere dit projekt. Du kan vælge forskellige muligheder for dit projekt, såsom brug af ESLint, installation Axios osv.
Oprettelse af den første side og visning af grundlæggende indhold:
Åbn projektkatalog
Åbn din Terminal og naviger til projektbiblioteket ved hjælp af kommandoen cd my-nuxt-project(eller det mappenavn, du valgte).
Opret en ny side
Brug Vue CLI til at generere en ny side med følgende kommando:
npx vue-cli-service generate page mypage
Rediger den nye side
Åbn mypage.vue filen i pages mappen og rediger sidens indhold. Du kan tilføje HTML, Vue-komponenter og data.
Vis siden
I layouts/default.vue filen kan du bruge tagget <nuxt/> til at vise indholdet på siden.
Kør projektet
Kør følgende kommando i Terminal, for at starte projektet og se din side i browseren:
npm run dev
Nu har du din første side i projektet Nuxt.js og kan tilpasse indholdet efter ønske.