Maison  >  Article  >  interface Web  >  vue scaffolding ligne de commande interactive et étapes d'installation de l'interface graphique (images et textes)

vue scaffolding ligne de commande interactive et étapes d'installation de l'interface graphique (images et textes)

WBOY
WBOYavant
2022-08-08 17:59:111347parcourir

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)

【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

vue 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)

Installation réussie Utilisez vue -V pour afficher la version d'installation

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

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)

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

3.2 Sélectionnez les trois configurations dans l'image, appuyez sur l'espace pour sélectionnez, sélectionnez et revenez OK

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

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

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

3.4 Renseignez-vous sur la version, sélectionnez Configuration standard et appuyez sur Entrée

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

3.5 Demandez quand le faire Vérification de l'historique, sélectionnez la valeur par défaut et appuyez sur Entrée

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

3.6 Créez un fichier de configuration séparé, sélectionnez le premier élément et appuyez sur Entrée

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

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

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

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

vue 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)

Enfin, copiez l'adresse et ouvrez-la dans le navigateur Can

vue 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)

Création de l'interface graphique

La première étape consiste à entrer vue ui

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

Cliquez sur créer pour créer un nouveau projet ici

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

6. Remplissez le nom du fichier et initialisez le référentiel git

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

7. Choisissez manuel, ou automatique, ou un modèle précédemment créé, choisissez ici manuel (première fois)

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

8. Sélectionnez les quatre suivants

vue 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)

9. Sélectionnez ensuite Sélectionnez le troisième, puis cliquez sur Créer un projet

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

10 Entrez ensuite le nom () pour créer le projet, enregistrez le nom par défaut ou non. enregistrez-le

vue scaffolding ligne de commande interactive et étapes dinstallation de linterface graphique (images et textes)

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer