Maison > interface Web > Voir.js > le corps du texte

qu'est-ce que vue cli

coldplay.xixi
Libérer: 2020-12-16 15:24:41
original
5185 Les gens l'ont consulté

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.

qu'est-ce que vue cli

[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 ; 🎜>

  • La commande vue-cli-service à l'intérieur du projet fournit des commandes servir, construire et inspecter.
  • Si vous êtes familier avec create-react-app, @vue/cli-service est en fait à peu près équivalent aux scripts de réaction, bien que l'ensemble des fonctionnalités soit différent.

Le chapitre sur le service CLI couvre son utilisation spécifique.

Plugin CLI

Le 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-serviceLes 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.

Recommandations d'apprentissage gratuites associées :
javascript

(vidéo)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal