Cet article vous apporte des connaissances pertinentes sur vue, qui présente principalement les problèmes liés à la ligne de commande interactive d'échafaudage et aux étapes d'installation de l'interface graphique. Examinons-le ensemble, j'espère qu'il sera utile à tout le monde.
![vue scaffolding ligne de commande interactive et étapes d'installation de l'interface graphique (images et textes)](https://img.php.cn/upload/article/000/000/067/62f0cc01ec846281.jpg)
【Recommandations associées : Tutoriel vidéo javascript, Tutoriel vue.js】
Étapes d'installation de la ligne de commande interactive et de l'interface graphique de l'échafaudage Vue
Ligne de commande interactive
Installation garantie du nœud
Installer Commande vue scaffolding : npm install -g @vue/cli
![16599483797095vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes) vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/536/862/923/16599483797095vue%20scaffolding%20ligne%20de%20commande%20interactive%20et%20%C3%A9tapes%20dinstallation%20de%20linterface%20graphique%20(images%20et%20textes))
![1659948385635594.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/252/403/944/1659948385635594.png)
Installation réussie Utilisez vue -V pour afficher la version d'installation
![1659948389934861.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/555/110/234/1659948389934861.png)
S'il a déjà été installé, utilisez npm uinstall vue-cli - g commande pour désinstaller
Créer un projet
3.1 Entrez vue create vue_proj et appuyez sur Entrée (sélectionnez le deuxième élément à créer manuellement et appuyez sur Entrée)
![1659948461814957.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/796/465/184/1659948461814957.png)
3.2 Sélectionnez les trois configurations dans l'image, appuyez sur l'espace pour sélectionnez, sélectionnez et revenez OK
![1659948465355058.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/304/948/988/1659948465355058.png)
3.3 Demandez s'il faut installer le routage en mode historique, choisissez d'installer le mode de hachage, sélectionnez n et appuyez sur Entrée
![1659948471742357.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/255/883/232/1659948471742357.png)
3.4 Renseignez-vous sur la version, sélectionnez Configuration standard et appuyez sur Entrée
![1659948476444089.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/329/932/110/1659948476444089.png)
3.5 Demandez quand le faire Vérification de l'historique, sélectionnez la valeur par défaut et appuyez sur Entrée
![1659948480417678.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/973/431/312/1659948480417678.png)
3.6 Créez un fichier de configuration séparé, sélectionnez le premier élément et appuyez sur Entrée
![1659948485956990.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/353/518/288/1659948485956990.png)
3.7 S'il faut enregistrer la sélection actuelle sous un modèle, vous pouvez choisir Oui ou Non, sélectionnez ici Entrez après oui
Nom du modèle : vue_model_01
![16599484908295vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes) vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/467/612/672/16599484908295vue%20scaffolding%20ligne%20de%20commande%20interactive%20et%20%C3%A9tapes%20dinstallation%20de%20linterface%20graphique%20(images%20et%20textes))
3.8 Attendez que la création soit terminée et cd dans le répertoire racine du projet, puis exécutez npm run serve pour démarrer le project
![1659948495716734.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/257/625/901/1659948495716734.png)
![1659948500692544.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/931/866/880/1659948500692544.png)
Enfin, copiez l'adresse et ouvrez-la dans le navigateur Can
![1659948504421977.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/107/912/203/1659948504421977.png)
![16599485091583vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes) vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/222/447/822/16599485091583vue%20scaffolding%20ligne%20de%20commande%20interactive%20et%20%C3%A9tapes%20dinstallation%20de%20linterface%20graphique%20(images%20et%20textes))
Création de l'interface graphique
La première étape consiste à entrer vue ui
![1659948542682874.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/654/926/338/1659948542682874.png)
Cliquez sur créer pour créer un nouveau projet ici
![1659948536729547.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/147/334/536/1659948536729547.png)
6. Remplissez le nom du fichier et initialisez le référentiel git
![1659948547545656.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/241/916/460/1659948547545656.png)
7. Choisissez manuel, ou automatique, ou un modèle précédemment créé, choisissez ici manuel (première fois)
8. Sélectionnez les quatre suivants
![1659948560751981.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/613/400/624/1659948560751981.png)
![16599485657673vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes) vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/363/853/763/16599485657673vue%20scaffolding%20ligne%20de%20commande%20interactive%20et%20%C3%A9tapes%20dinstallation%20de%20linterface%20graphique%20(images%20et%20textes))
9. Sélectionnez ensuite Sélectionnez le troisième, puis cliquez sur Créer un projet
![1659948571368738.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/982/771/853/1659948571368738.png)
10 Entrez ensuite le nom () pour créer le projet, enregistrez le nom par défaut ou non. enregistrez-le
![1659948577424392.png vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)](https://img.php.cn/upload/image/836/947/997/1659948577424392.png)
11 Puis exécutez-le
【Recommandations associées : Tutoriel vidéo javascript, Tutoriel vue.js】
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!