Qu'est-ce que l'échafaudage Vue
vue scaffolding fait référence à vue-cli, qui est un échafaudage complexe conçu pour créer rapidement des applications d'une seule page. Il peut facilement créer de nouvelles applications et peut être utilisé pour générer automatiquement un modèle de projet vue et webpack.
Vue est un framework progressif pour créer des interfaces utilisateur. Il peut être appliqué couche par couche de bas en haut. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue, qui est non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants. D'un autre côté, lorsqu'il est combiné avec une chaîne d'outils moderne et diverses bibliothèques de classes de support, Vue est tout à fait capable de fournir des pilotes pour des applications complexes d'une seule page. Ensuite, nous présenterons un contenu important dans Vue, vue-cli, qui possède certains éléments. Valeur de référence, j'espère qu'elle sera utile à tout le monde.
[Cours recommandé : Tutoriel Vue.js]
Qu'est-ce que vue-cli
vue-cli est une cli officielle fournie par Vue, conçue pour créer rapidement des échafaudages complexes pour les applications d'une seule page. Il s'agit d'un modèle de projet permettant de générer automatiquement vue.js+webpack et fournissant des paramètres de construction inclus avec des batteries pour les flux de travail frontaux modernes. Cela ne prend que quelques minutes pour être opérationnel avec le rechargement à chaud, la vérification des peluches lors de la sauvegarde et une version prête pour la production
utilisation de vue-cli
(1) Installez vue-cli
Ouvrez la fenêtre du terminal et ouvrez cmd (touche de raccourci win+R) et entrez le contenu suivant dedans
npm install -g @vue.cli
Dans cet article nous devons installer vue-cli version 3 ou supérieure. Si vous souhaitez vérifier la version, vous pouvez entrer la commande suivante
vue --version
Si la version installée est inférieure à la version 3, vous devez installer la dernière version
( 3) Créez un projet personnalisé
Comme Angular et React CLI, la CLI de Vue facilite la création de nouvelles applications. La fonctionnalité la plus intéressante de la méthode Vue est que vous pouvez obtenir un projet standard personnalisé en fonction de vos objectifs
Entrez ce qui suit dans le terminal :
vue create my-app
C'est ici que la CLI vous permettra choisissez si vous souhaitez l'inclure dans One preset pour babel ou eslint, ou choisissez manuellement les fonctionnalités à utiliser. Si vous choisissez Manuel, vous verrez l'écran suivant
Lorsque vous aurez répondu à toutes les questions, Vue téléchargera et installera tout ce dont vous avez besoin. De là, vous pouvez accéder au répertoire et exécuter npm run serve pour afficher le projet, ou l'ouvrir dans votre éditeur. L'image ci-dessous montre à quoi pourrait ressembler votre projet d'échafaudage si vous avez sélectionné plusieurs ou la totalité des fonctionnalités disponibles.
Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère que cet article pourra aider tout le monde à comprendre les connaissances pertinentes de vue-cli.
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-cli est un outil d'échafaudage officiellement fourni par Vue.js pour créer des projets Vue. En utilisant Vue-cli, vous pouvez rapidement créer le squelette de base d'un projet Vue, permettant aux développeurs de se concentrer sur la mise en œuvre de la logique métier sans dépenser beaucoup. de temps. Pour configurer l’environnement de base du projet. Cet article présentera l'utilisation de base de Vue-cli et les recommandations de plug-ins couramment utilisées, dans le but de fournir un guide d'utilisation de Vue-cli pour les débutants. 1. Utilisation de base de Vue-cli Installer Vue-cli

Vue-cli3.0 est un nouvel outil d'échafaudage basé sur Vue.js. Il peut nous aider à créer rapidement un projet Vue et fournit de nombreux outils et configurations pratiques. Ci-dessous, nous présenterons étape par étape les étapes et le processus de création d'un projet à l'aide de Vue-cli3.0. Pour installer Vue-cli3.0, vous devez d'abord installer Vue-cli3.0 globalement. Vous pouvez l'installer via npm : npminstall-g@vue/cli.

Vue est un framework frontal populaire privilégié par de nombreux développeurs pour sa flexibilité et sa facilité d'utilisation. Afin de mieux développer les applications Vue, l'équipe Vue a développé un puissant outil-Vue-cli, qui facilite le développement d'applications Vue. Cet article vous présentera en détail l'utilisation de Vue-cli. 1. Installer Vue-cli Avant d'utiliser Vue-cli, vous devez d'abord l'installer. Tout d’abord, vous devez vous assurer que Node.js est installé. Ensuite, installez Vue-c en utilisant npm

Instructions d'utilisation des outils d'échafaudage Vue-cli et de configuration de projet Avec le développement continu de la technologie front-end, les frameworks front-end attirent de plus en plus l'attention des développeurs. En tant que leader des frameworks front-end, Vue.js a été largement utilisé dans le développement de diverses applications Web. Vue-cli est un échafaudage basé sur une ligne de commande officiellement fourni par Vue.js. Il peut aider les développeurs à initialiser rapidement la structure du projet Vue.js, nous permettant ainsi de nous concentrer davantage sur le développement commercial. Cet article présentera l'installation et l'installation de Vue-cli

La méthode spécifique est la suivante : 1. Créez l'objet serveur backend en amontmixVueServer{serverbaidu.com;#This est votre propre nom de domaine de serveur} 2. Créez le port d'accès et le serveur de règles de proxy inverse{listen8082;server_namelocalhost;location/{rootE : /mix_vue/dist;# Localiser le répertoire du projet#indexindex.htmlindex.htm;try_files$uri$uri//index.html;#Configurer selon les règles du site officiel}location~\.php${proxy_p

Technologies utilisées : 1. vue.js, le cœur du projet vue-cli, dont les principales fonctionnalités sont la liaison de données bidirectionnelle et les systèmes de composants ; 2. vue-router, le framework de routage 3. vuex, le gestionnaire d'état pour vue ; développement de projets d'applications ; 4. axios, utilisé pour lancer des requêtes http telles que GET ou POST ; 5. vux, une bibliothèque de composants d'interface utilisateur mobile spécialement conçue pour vue 6. submit.js, utilisée pour la gestion du mécanisme d'événements de vue ; webpack, module Load et packager de projet vue-cli.

Avec le développement continu de la technologie frontale, les problèmes auxquels nous sommes confrontés sont progressivement devenus plus complexes, ce qui nécessite non seulement que notre code ait une structure raisonnable et une bonne conception modulaire, mais nécessite également une maintenabilité du code et une efficacité d'exécution. Dans ce processus, comment garantir la qualité et la standardisation du code est devenu un problème difficile. Heureusement, l’émergence d’outils de standardisation du code et de détection de bugs nous apporte des solutions efficaces. Utiliser ESLint pour la normalisation du code et la détection des bogues dans le framework Vue.js est devenu un choix courant. 1. ESLint

Les projets construits en mode historique doivent utiliser la technologie d'arrière-plan. Ici, le proxy inverse nginx est utilisé pour déployer le projet. La méthode spécifique est la suivante : 1. Créez l'objet serveur backend en amontmixVueServer{serverbaidu.com;#This est votre propre nom de domaine de serveur} 2. Créez le port d'accès et le serveur de règles de proxy inverse{listen8082;server_namelocalhost;location/{rootE : /mix_vue/dist;# Localiser le répertoire du projet #indexindex.htmlindex.htm;try_files$uri$uri//
