qu'est-ce que 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.
[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 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!

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

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.

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.

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

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.

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.

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.

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.
