BLACK FRIDAY - Get 35% off your Mastering Nuxt license!

Structure des répertoires

La structure par défaut d'une application Nuxt.js est destinée à fournir un excellent point de départ pour les applications plus ou moins grandes. Nous sommes libres d'organiser notre application comme on le souhaite et nous pouvons créer d'autres répertoires au fur et à mesure que nous en avons besoin.

Créons les répertoires et les fichiers qui n'existent pas encore dans notre projet :

mkdir components assets static
touch nuxt.config.js

Ce sont les principaux répertoires et fichiers que nous utilisons lors de la construction d'une application Nuxt.js. Nous pouvons trouver une explication de chacun d'entre eux ci-dessous.

La création de répertoires avec ces noms active les fonctionnalités de votre projet Nuxt.js.

Répertoires

Le répertoire pages

Le répertoire pages contient les vues et les routes de notre application. Comme nous l'avons appris dans l'étape précédente, Nuxt.js lit tous les fichiers .vue dans ce répertoire et les utilise pour créer le routeur de l'application.

En savoir plus sur le répertoire pages

Le répertoire components

Le répertoire components est l'endroit où nous plaçons tous nos composants Vue.js qui sont ensuite importés dans les pages.

Avec Nuxt.js, nous pouvons créer nos composants et les importer automatiquement dans les fichiers .vue, ce qui signifie qu'il n'est pas nécessaire de les importer manuellement dans la section script. Nuxt.js les analysera et les importera automatiquement pour nous une fois que nous aurons activé cette fonctionnalité dans le fichier de configuration nuxt.config.js.

En savoir plus sur le répertoire des composants

Le répertoire assets

Le répertoire assets contient nos fichiers non compilés tels que les styles, images ou polices de caractères.

En savoir plus sur le répertoire assets

Le répertoire static

Le répertoire static est directement servi à la racine du serveur et contient des fichiers qui doivent conserver leur nom (comme robots.txt) ou qui ne changeront probablement pas (comme le favicon).

En savoir plus sur le répertoire static

Le fichier nuxt.config.js

Le fichier nuxt.config.js est le point unique de configuration pour Nuxt.js. Si nous souhaitons ajouter des modules ou remplacer les paramètres par défaut, c'est ce fichier qu'il faudra modifier.

En savoir plus sur le fichier nuxt.config.js

Le fichier package.json

Le fichier package.json contient toutes les dépendances et scripts de notre application.

En savoir plus sur la structure du projet

Il existe d'autres répertoires et fichiers utiles, comme content, layouts, middleware, modules, plugins et store. Comme ils ne sont pas nécessaires pour les petites applications, ils ne sont pas traités ici.

Pour en savoir plus sur tous les répertoires en détail, il ne faut pas hésiter à lire le guide sur la structure des répertoires.

Contributeurs

Vous avez vu une erreur ou vous souhaitez contribuer à la documentation ? Éditez cette page sur GitHub !