Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
124 lines (82 sloc) 3.56 KB
title description
Installation
Débuter avec Nuxt.js est vraiment facile. Un projet simple n'a besoin que d'une dépendance à `nuxt`.

Débuter avec Nuxt.js est vraiment facile. Un projet simple n'a besoin que d'une dépendance à nuxt.

Nuxt Fundamentals by vueschool

Nuxt.js Fondamentaux

Apprennez à utiliser Nuxt.js rapidement en videos.

Tutoriels vidéos créés par VueSchool afin de supporter le développement de Nuxt.js.

Utiliser le template de base de Nuxt.js

Afin de démarrer rapidement, l'équipe Nuxt.js a créé un template de démarrage.

Téléchargez le .zip du template de démarrage ou installez le à l'aide de vue-cli :

$ vue init nuxt-community/starter-template <project-name>

Si Vue CLI n'est pas installée, merci de l'installer via npm install -g @vue/cli @vue/cli-init

puis installez les dépendances :

$ cd <nom-du-projet>
$ npm install

et démarrez le projet avec :

$ npm run dev

L'application est désormais accessible à l'adresse http://localhost:3000.

Nuxt.js va surveiller les modifications faites sur les fichiers du répertoire pages aussi il n'y a pas besoin de redémarrer le serveur quand vous ajoutez de nouvelles pages.

Pour en savoir plus sur l'organisation des répertoires dans un projet, consultez la documentation de l'Architecture des répertoires.

Commencer depuis zéro

La création d'une application Nuxt.js à partir de zéro est également très simple, elle ne nécessite qu'1 fichier et 1 répertoire. Créez un répertoire vide pour commencer à travailler sur l'application :

$ mkdir <nom-du-projet>
$ cd <nom-du-projet>

Info : remplacez <nom-du-projet> par le nom du projet.

Le package.json

Le projet a besoin d'un fichier package.json avec un script permettant de lancer nuxt :

{
  "name": "mon-application",
  "scripts": {
    "dev": "nuxt"
  }
}

scripts lancera Nuxt.js via npm run dev.

Installation de nuxt

Une fois que le package.json est créé, ajoutez nuxt au projet via npm :

npm install --save nuxt

Le dossier pages

Nuxt.js va transformer chaque fichier *.vue se trouvant dans le dossier pages en une route pour l'application.

Créez le dossier pages :

$ mkdir pages

puis créez la première page pages/index.vue:

<template>
  <h1>Hello world !</h1>
</template>

et lancez le projet avec :

$ npm run dev

L'application est désormais accessible à l'adresse http://localhost:3000.

Nuxt.js va surveiller les modifications faites sur les fichiers du répertoire pages aussi il n'y a pas besoin de redémarrer le serveur quand vous ajoutez de nouvelles pages

Pour en savoir plus sur la structure des dossiers du projet, consultez la documentation de l'Architecture des répertoires.