Maison interface Web Voir.js qu'est-ce que vue cli

qu'est-ce que vue cli

Nov 09, 2020 pm 02:12 PM
vue cli

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Vue est-elle utilisée pour le frontend ou le backend? Vue est-elle utilisée pour le frontend ou le backend? Apr 03, 2025 am 12:07 AM

Vue.js est principalement utilisé pour le développement frontal. 1) Il s'agit d'un cadre JavaScript léger et flexible axé sur la construction d'interfaces utilisateur et d'applications à une seule page. 2) Le cœur de Vue.js est son système de données réactif, et la vue est automatiquement mise à jour lorsque les données changent. 3) Il prend en charge le développement des composants et l'interface utilisateur peut être divisée en composants indépendants et réutilisables.

Comment créer et utiliser des plugins personnalisés dans vue.js? Comment créer et utiliser des plugins personnalisés dans vue.js? Mar 14, 2025 pm 07:07 PM

L'article discute de la création et de l'utilisation des plugins Vue.js personnalisés, y compris les meilleures pratiques de développement, d'intégration et de maintenance.

Comment utiliser les tremblements d'arbres dans Vue.js pour supprimer le code inutilisé? Comment utiliser les tremblements d'arbres dans Vue.js pour supprimer le code inutilisé? Mar 18, 2025 pm 12:45 PM

L'article discute de l'utilisation des tremblements d'arbre dans Vue.js pour supprimer le code inutilisé, des détails de configuration avec des modules ES6, une configuration de webpack et des meilleures pratiques pour une implémentation efficace. Count de chargement: 159

Vue.js est-il difficile à apprendre? Vue.js est-il difficile à apprendre? Apr 04, 2025 am 12:02 AM

Vue.js n'est pas difficile à apprendre, en particulier pour les développeurs avec une fondation JavaScript. 1) Sa conception progressive et son système réactif simplifient le processus de développement. 2) Le développement basé sur les composants rend la gestion du code plus efficace. 3) Les exemples d'utilisation montrent une utilisation de base et avancée. 4) Les erreurs courantes peuvent être déboguées via Vuedevtools. 5) L'optimisation des performances et les meilleures pratiques, telles que l'utilisation des attributs V-IF / V et clés, peuvent améliorer l'efficacité de l'application.

Quelles sont les principales caractéristiques de Vue.js (architecture basée sur les composants, DOM virtuel, liaison réactive des données)? Quelles sont les principales caractéristiques de Vue.js (architecture basée sur les composants, DOM virtuel, liaison réactive des données)? Mar 14, 2025 pm 07:05 PM

Vue.js améliore le développement Web avec son architecture basée sur des composants, son DOM virtuel pour les performances et la liaison des données réactives pour les mises à jour de l'interface utilisateur en temps réel.

Quelle est la méthode de conversion des chaînes Vue.js en objets? Quelle est la méthode de conversion des chaînes Vue.js en objets? Apr 07, 2025 pm 09:18 PM

L'utilisation de la chaîne JSON.Parse () à l'objet est la plus sûre et la plus efficace: assurez-vous que les chaînes sont conformes aux spécifications JSON et évitez les erreurs courantes. Utilisez Try ... Catch pour gérer les exceptions pour améliorer la robustesse du code. Évitez d'utiliser la méthode EVAL (), qui présente des risques de sécurité. Pour les énormes cordes JSON, l'analyse de fouet ou l'analyse asynchrone peut être envisagée pour optimiser les performances.

Comment configurer VUE CLI pour utiliser différentes cibles de construction (développement, production)? Comment configurer VUE CLI pour utiliser différentes cibles de construction (développement, production)? Mar 18, 2025 pm 12:34 PM

L'article explique comment configurer VUE CLI pour différentes cibles de build, commutation des environnements, optimiser les versions de production et assurer des cartes source dans le développement du débogage.

Comment utiliser Vue avec Docker pour le déploiement conteneurisé? Comment utiliser Vue avec Docker pour le déploiement conteneurisé? Mar 14, 2025 pm 07:00 PM

L'article discute de l'utilisation de Vue avec Docker pour le déploiement, en se concentrant sur la configuration, l'optimisation, la gestion et la surveillance des performances des applications VUE dans les conteneurs.

See all articles