Structure des répertoires

La structure par défaut d'une application Nuxt 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. Nous pouvons trouver une explication de chacun d'entre eux ci-dessous.

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 lit tous les fichiers .vue dans ce répertoire et les utilise pour créer le routeur de l'application.

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, 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 les analysera et les importera automatiquement pour nous une fois que nous aurons activé cette fonctionnalité dans le fichier de configuration nuxt.config.js.

Le répertoire assets

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

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).

Le fichier nuxt.config.js

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

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.