Maison  >  Article  >  outils de développement  >  Une brève discussion sur la façon de créer et d'exécuter des projets Vue dans vscode

Une brève discussion sur la façon de créer et d'exécuter des projets Vue dans vscode

青灯夜游
青灯夜游avant
2021-12-03 19:12:377119parcourir

Comment créer et exécuter un projet vue en

vscode ? Cet article vous expliquera comment créer et exécuter un projet vue dans vscode. J'espère qu'il sera utile aux amis dans le besoin !

Une brève discussion sur la façon de créer et d'exécuter des projets Vue dans vscode

Configurez l'environnement prototype de vue node.js avant l'installation

Il suffit de le télécharger et de l'installer. Il n'y a aucun problème avec l'installation par défaut. Les variables d'environnement seront automatiquement configurées

Installez l'échafaudage de vue, vue-cli

1. . Installez le logiciel Visual Studio Code. [Apprentissage recommandé : "Tutoriel d'introduction au vscode"]

2. La langue sociale peut être le chinois.

Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode

3. Une fois l'installation terminée, créez un nouveau dossier sur l'ordinateur pour stocker le projet vue

4. Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode

Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode

Maintenez ctrl+shift+~ pour démarrer l'outil de ligne de commande

5. Entrez vue init webpack testvue init webpack test

输入命令行之后可能会出现一个问题,无法加“vue”项识别为cmdlet、函数、脚本或可运行程序的名称

Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode

需要打开

Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode

输入命令查看get-ExecutionPolicy,显示Restricted(表示状态是禁止的),则执行命令set-ExecutionPolicy RemoteSigned最后输入命令查看get-ExecutionPolicy,显示RemoteSigned表示可以用了

还有一种可能就是环境变量配置有问题

6、重启软件继续执行 vue init webpack test

Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode

一路回车就好表示创建成功

7、创建成功之后 cd到项目路径下执行npm install

8、然后执行npm run dev

Un problème peut survenir après la saisie de la ligne de commande. L'élément "vue" ne peut pas être ajouté pour identifier le nom d'une applet de commande, d'une fonction, d'un script ou d'un programme exécutable.

Insérer la description de l'image ici

Une brève discussion sur la façon de créer et dexécuter des projets Vue dans vscodeBesoin d'ouvrir

Insérer la description de l'image iciUne brève discussion sur la façon de créer et dexécuter des projets Vue dans vscode
Entrez la commande pour afficher get- ExecutionPolicy, qui affiche Restricted (indiquant que le statut est interdit) ), exécutez la commande set-ExecutionPolicy RemoteSigned et enfin entrez la commande pour afficher get-ExecutionPolicy Si RemoteSigned est affiché, cela signifie qu'il peut être utilisé. est un problème avec la configuration des variables d'environnement. 6. Redémarrez le logiciel et continuez à exécuter le vue init webpack test

Insérer la description de l'image ici

Appuyez simplement sur Entrée jusqu'au bout pour indiquer une création réussie7. Après une création réussie, accédez au chemin du projet et exécutez npm install

8. Ensuite, exécutez npm run dev pour démarrer le projet🎜🎜 9. 🎜🎜🎜🎜🎜🎜🎜🎜🎜Le projet a été lancé avec succès🎜🎜Pour en savoir plus connaissances sur VSCode, veuillez visiter : 🎜tutoriel vscode🎜 ! ! 🎜🎜

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