vue cli est un système complet de développement rapide basé sur [Vue.js]. Il s'agit d'un échafaudage de projet interactif mis en œuvre via [@vue/cli s'engage à normaliser la base d'outils dans Vue]. , qui garantit que divers outils de construction peuvent se connecter en douceur en fonction de configurations par défaut intelligentes.
[Articles connexes recommandés : vue.js]
Vue CLI est un système complet de développement rapide basé sur Vue.js, fournissant :
Projets interactifs mis en œuvre via l'échafaudage @vue/cli.
Développement de prototypes sans configuration via @vue/cli + @vue/cli-service-global.
Une dépendance d'exécution (@vue/cli-service), qui est :
évolutive
Construite sur la base du webpack et avec une configuration par défaut raisonnable ; ;
peut être configuré via le fichier de configuration au sein du projet ;
peut être étendu via des plug-ins.
Une riche collection de plug-ins officiels qui intègre les meilleurs outils de l'écosystème front-end.
Une interface utilisateur entièrement graphique pour créer et gérer des projets Vue.js.
Vue CLI s'engage à standardiser la base d'outils dans l'écosystème Vue. Il garantit que divers outils de construction peuvent se connecter facilement en fonction de configurations par défaut intelligentes, afin que vous puissiez vous concentrer sur l'écriture d'applications au lieu de passer des jours à vous soucier des problèmes de configuration. Dans le même temps, il offre également à chaque outil la flexibilité d'ajuster les configurations sans l'éjecter.
Composants du système
La Vue CLI comporte plusieurs parties indépendantes - si vous regardez notre code source, vous constaterez que ce référentiel gère à la fois plusieurs packages publiés individuellement .
CLI
CLI (@vue/cli) est un package npm installé globalement qui fournit des commandes vue dans le terminal. Il peut rapidement créer un nouveau projet via vue create, ou créer un prototype d'une nouvelle idée directement via vue serve. Vous pouvez également gérer tous vos projets via un ensemble d'interfaces graphiques via vue ui. Nous y reviendrons plus en profondeur, chapitre par chapitre, dans les guides suivants.
Service CLI
Le service CLI (@vue/cli-service
) est une dépendance de l'environnement de développement. Il s'agit d'un package npm installé localement dans chaque projet créé par @vue/cli.
Le service CLI est construit sur webpack
et webpack-dev-server
. Il comprend :
Des services de base pour charger d'autres plug-ins CLI
Une configuration Webpack interne optimisée pour la plupart des applications ; 🎜>
Le chapitre sur le service CLI couvre son utilisation spécifique.
Plugin CLILe plugin CLI est un package npm qui fournit des fonctionnalités facultatives à votre projet Vue, telles que la transpilation Babel/TypeScript, l'intégration ESLint, les tests unitaires et la finalisation. tests jusqu'à la fin, etc. Le nom du plug-in Vue CLI commence par @vue/cli-plugin- (plug-in intégré) ou vue-cli-plugin- (plug-in communautaire), ce qui est très simple à utiliser.
Lorsque vous exécutez la commande
dans votre projet, elle analysera et chargera automatiquement tous les plugins CLI répertoriés dans package.json.vue-cli-service
Les plug-ins peuvent être utilisés dans le cadre du processus de création du projet ou ajoutés au projet à un stade ultérieur. Ils peuvent également être regroupés dans un ensemble de préréglages réutilisables. Nous en discuterons en profondeur dans le chapitre plugins et préréglages.
javascript
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!