Comment exécuter le projet Vue sur vscode

Comment exécuter un projet vue sur vscode : 1. Utilisez l'échafaudage vue-cli pour créer un projet vue vide ; 2. Ouvrez VSCode pour télécharger le plug-in vetur ; 3. Téléchargez et installez le plug-in eslint ; Ouvrez le projet vue et utilisez git pour parcourir le projet Can.

L'environnement d'exploitation de cet article : système Windows 7, vue version 2.5.17, ordinateur DELL G3

Comment exécuter le projet vue sur vscode ?

Préface

以前都是用webstorm编写前端代码，最近开始尝试使用VSCode来写，目前还是有些懵逼的，一步步将使用流程写下来便于之后自己再次配置。

Processus spécifique :

1 : Nous devons d'abord encore utiliser l'échafaudage vue-cli pour construire un projet vue vide, que je n'entrerai pas dans les détails

2 : Ouvrez VSCode pour télécharger le plug-in vetur

Cliquez sur l'icône encerclée à gauche pour ouvrir le plug-in d'extension et recherchez le plug-in vetur dans le champ de recherche en haut pour télécharger et installez-le. vetur插件进行下载安装即可。
下载安装完后就会在扩展列表那看到，例如我的是0.29.1版本的
之后需要打开setting.json文件进行配置：

 "emmet.syntaxProfiles": {
       "vue-html":"html",
       "vue":"html"
   },

3：下载eslint插件的安装，它是一款智能错误检测插件

点击左侧圈起来的图标打开拓展插件，在顶部搜索框搜索eslint插件进行下载安装即可。
下载安装完后就会在扩展列表那看到，例如我的是2.1.13版本的
之后需要打开setting.json文件进行配置：

"eslint.validate": [
      "javascript",
       "gavesciptreact",
       "html",
       "vue"
   ],
   "eslint.options": {
       "plugins":["html"]
   },

4：打开我们第一步搭建的空vue项目

在终端输入：npm install，先下载对应的依赖。
最后输入：npm start Après le téléchargement et l'installation, vous le verrez dans la liste des extensions. Par exemple, la mienne est la version 0.29.1
Ensuite, vous devez ouvrir le fichier settings.json pour la configuration : rrreee

3 : Téléchargez l'installation du plug-in eslint, qui est un outil intelligent. plug-in de détection d'erreurs

Cliquez sur Ouvrir le plug-in d'extension en utilisant l'icône encerclée à gauche et recherchez le plug-in eslint dans la zone de recherche en haut pour le télécharger et l'installer .

Après le téléchargement et l'installation, vous le verrez dans la liste des extensions. Par exemple, la mienne est la version 2.1.13

Ensuite, vous devez ouvrir le fichier settings.json pour la configuration :

rrreee

4 : Ouvrez le projet de vue vide que nous avons construit dans la première étape

Entrez dans le terminal : npm install, téléchargez d'abord les dépendances correspondantes. Enfin saisissez : npm start, exécutez le projet : 🎜🎜5 : Utilisez git pour itération du projet 🎜🎜this Pour plus de détails, veuillez consulter comment utiliser git avec VSCode🎜🎜Apprentissage recommandé : "🎜tutoriel vue🎜"🎜🎜🎜🎜🎜🎜🎜🎜

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!