Nuxt.js Een project installeren en configureren
Installeer Node.js
Zorg ervoor dat Node.js op uw computer is geïnstalleerd. U kunt de nieuwste versie downloaden van de officiële Node.js-website.
Installeer Vue CLI
Open uw Terminal of Command Prompt en voer de volgende opdracht uit om Vue CLI te installeren(indien nog niet geïnstalleerd):
npm install -g vue-cli
Maak een Nuxt.js project aan
Navigeer in de Terminal map naar de map waar u uw project wilt maken en voer de volgende opdracht uit om een Nuxt.js project te maken:
vue init nuxt-community/starter-template my-nuxt-project
Projectconfiguratie
Volg de aanwijzingen in de Terminal om uw project te configureren. U kunt verschillende opties kiezen voor uw project, zoals het gebruik van ESLint, het installeren van Axios, etc.
De eerste pagina maken en basisinhoud weergeven:
Projectmap openen
Open je Terminal en navigeer naar de projectmap met behulp van de opdracht cd my-nuxt-project(of de mapnaam die je hebt gekozen).
Maak een nieuwe pagina aan
Gebruik de Vue CLI om een nieuwe pagina te genereren met de volgende opdracht:
npx vue-cli-service generate page mypage
Bewerk de nieuwe pagina
Open het mypage.vue bestand in de pages map en bewerk de inhoud van de pagina. U kunt HTML, Vue-componenten en gegevens toevoegen.
Geef de pagina weer
In het layouts/default.vue bestand kunt u de <nuxt/> tag gebruiken om de inhoud van de pagina weer te geven.
Voer het project uit
Voer in de Terminal de volgende opdracht uit om het project te starten en uw pagina in de browser te bekijken:
npm run dev
Nu heb je je eerste pagina in het Nuxt.js project en kun je de inhoud naar wens aanpassen.