Le répertoire créé par vue et à quoi il sert

Vue est un framework JavaScript populaire pour créer des applications d'une seule page. Vue utilise une approche basée sur les composants pour créer des applications Web. Dans Vue, les composants sont composés de HTML, JavaScript et CSS. Vue fournit des directives et des composants intégrés pour simplifier le processus de développement.

Dans les applications Vue, il y a généralement quelques répertoires. Alors, quel est le répertoire créé par Vue et quelles sont ses fonctions ? Cet article présentera ce problème en détail.

1. annuaire src

Le répertoire src est le répertoire le plus important. Il contient le code source de votre application Vue. Dans ce répertoire, vous créerez et écrirez des composants Vue, des modules de composants, des données, des filtres, etc. Si vous développez une application multilingue, vous pouvez également créer des fichiers de configuration multilingues dans ce répertoire. La structure des répertoires dans ce répertoire est généralement la suivante :

• assets : stocke les fichiers de ressources tels que les images que l'application doit utiliser
• components : stocke Vue dans le composant de l'application
• directives : Stocker les instructions Lorsque certaines opérations doivent être réutilisées, elles peuvent être résumées en instructions
• filters : Stocker les filtres pour le formatage des données# 🎜🎜##. 🎜🎜#mixins : stocke les mixins et peut réutiliser ces logiques dans les composants Vue
• pages : stocke les composants Vue à fichier unique, chaque composant peut être utilisé comme une page dans l'application#🎜🎜 ##🎜🎜 #plugins : stocker les plug-ins Vue
• router : stocker le routeur Vue
• store : stocker les fichiers liés à la gestion de l'état de Vuex
• utils : stocker des outils function
• public directory

Le répertoire public est l'endroit où les fichiers statiques locaux sont stockés. Ces fichiers n'ont pas besoin d'être compilés. par webpack. Ces fichiers peuvent être référencés via des chemins relatifs. Généralement, les fichiers et dossiers qui doivent être copiés directement dans le répertoire compilé y sont placés.

répertoire node_modules

Le répertoire node_modules est le chemin de stockage des packages npm. Ce répertoire stocke le code source et les fichiers binaires de divers packages dépendants.

répertoire dist

Le répertoire dist est le répertoire de construction cible de l'application Vue. Une fois le processus de création d'application terminé, tous les artefacts de construction seront générés dans ce répertoire. Généralement, des fichiers de ressources tels que des fichiers js, des fichiers css, des images, etc. seront générés. Nous devons placer les fichiers de ce répertoire sur le serveur pour exécuter l'application.

.env fichier

.env le fichier est un fichier utilisé pour stocker les variables d'environnement. Lors de l'écriture d'une application Vue, nous pouvons l'utiliser pour configurer certaines variables d'environnement. Par exemple, les adresses des serveurs backend connectés à l'environnement de développement et à l'environnement de production sont différentes. Après avoir configuré les variables que vous devez utiliser dans le fichier .env, vous pouvez utiliser process.env pour les obtenir dans l'application Vue. Fichier

.gitignore

.le fichier gitignore est le fichier de configuration de l'outil de gestion de version git. Ce fichier contient une liste de fichiers et de répertoires qui doivent être ignorés par git. Pendant le processus de développement, certains fichiers n'ont pas besoin d'être versionnés, comme le répertoire node_modules et le répertoire dist. Après avoir déclaré ces fichiers et répertoires qui n'ont pas besoin d'être téléchargés vers l'entrepôt dans ce fichier, git ne les ajoutera pas à l'historique des versions.
6. Ce qui précède est une introduction détaillée au répertoire créé par Vue et à quoi il sert. Ces répertoires sont très importants et jouent un rôle essentiel dans le processus de développement et de déploiement des applications Vue. Les développeurs doivent maîtriser le rôle de chaque répertoire et sa structure d'organisation de fichiers interne afin de développer des applications Vue de haute qualité, maintenables et faciles à déployer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!