Installation et configuration d'un Nuxt.js projet
Installer Node.js
Assurez-vous que Node.js est installé sur votre ordinateur. Vous pouvez télécharger la dernière version sur le site officiel de Node.js.
Installer Vue CLI
Ouvrez votre Terminal ou Command Prompt et exécutez la commande suivante pour installer Vue CLI(si elle n'est pas déjà installée):
npm install -g vue-cli
Créer un Nuxt.js projet
Dans le Terminal, accédez au répertoire dans lequel vous souhaitez créer votre projet et exécutez la commande suivante pour créer un Nuxt.js projet :
vue init nuxt-community/starter-template my-nuxt-project
Paramétrage du projet
Suivez les invites du Terminal pour configurer votre projet. Vous pouvez choisir différentes options pour votre projet, telles que l'utilisation d'ESLint, l'installation de Axios, etc.
Création de la première page et affichage du contenu de base :
Ouvrir le répertoire du projet
Ouvrez votre Terminal et accédez au répertoire du projet à l'aide de la commande cd my-nuxt-project(ou du nom de dossier que vous avez choisi).
Créer une nouvelle page
Utilisez Vue CLI pour générer une nouvelle page avec la commande suivante :
npx vue-cli-service generate page mypage
Modifier la nouvelle page
Ouvrez le mypage.vue fichier dans le pages répertoire et modifiez le contenu de la page. Vous pouvez ajouter du HTML, des composants Vue et des données.
Afficher la page
Dans le layouts/default.vue fichier, vous pouvez utiliser la <nuxt/> balise pour afficher le contenu de la page.
Exécuter le projet
Dans le Terminal, exécutez la commande suivante pour démarrer le projet et afficher votre page dans le navigateur :
npm run dev
Vous avez maintenant votre première page dans le Nuxt.js projet et pouvez personnaliser le contenu comme vous le souhaitez.