Maison interface Web js tutoriel Qu'est-ce que l'échafaudage Vue

Qu'est-ce que l'échafaudage Vue

Mar 08, 2019 am 11:22 AM
vue-cli

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.

Qu'est-ce que l'échafaudage Vue

[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
Copier après la connexion

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
Copier après la connexion

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
Copier après la connexion

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

Qu'est-ce que l'échafaudage Vue

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.

Qu'est-ce que l'échafaudage Vue

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!

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)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques mois 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)

L'utilisation de l'échafaudage Vue-cli et ses recommandations de plug-ins L'utilisation de l'échafaudage Vue-cli et ses recommandations de plug-ins Jun 09, 2023 pm 04:11 PM

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

Échafaudage Vue-cli3.0 pour créer les étapes et le processus du projet Vue Échafaudage Vue-cli3.0 pour créer les étapes et le processus du projet Vue Jun 09, 2023 pm 04:08 PM

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.

Un guide détaillé sur l'utilisation de Vue-cli dans Vue Un guide détaillé sur l'utilisation de Vue-cli dans Vue Jun 26, 2023 am 08:03 AM

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

Utilisation de l'outil d'échafaudage Vue-cli et instructions de configuration du projet Utilisation de l'outil d'échafaudage Vue-cli et instructions de configuration du projet Jun 09, 2023 pm 04:05 PM

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

Comment déployer nginx pour accéder aux projets construits par vue-cli Comment déployer nginx pour accéder aux projets construits par vue-cli May 15, 2023 pm 10:25 PM

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

Quelles technologies sont utilisées pour créer des projets vue-cli Quelles technologies sont utilisées pour créer des projets vue-cli Jul 25, 2022 pm 04:53 PM

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.

Utilisation d'ESLint dans Vue-cli pour la standardisation du code et la détection des bogues Utilisation d'ESLint dans Vue-cli pour la standardisation du code et la détection des bogues Jun 09, 2023 pm 04:13 PM

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

Comment déployer des projets construits en accédant à vue-cli dans nginx Comment déployer des projets construits en accédant à vue-cli dans nginx May 28, 2023 pm 01:04 PM

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

See all articles