如何用vscode运行vue项目（vscode配置）

该博客之前建议查看上两篇博客关于vscode安装与vue环境配置
1、vscode安装
2、vue环境配置

vue插件的安装

vetur安装

该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行。

eslint安装

eslint智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗口输入eslint点击安装插件

Auto Close Tag安装

Auto Close Tag 自动闭合HTML/XML标签

Auto Rename Tag安装

Auto Rename Tag 自动完成另一侧标签的同步修改

Debugger for Chrome安装

Debugger for Chrome 映射vscode上的断点到chrome上，方便调试

打开文件运行

右键——>打开文件夹，然后导入项目。Ctrl+shift+Y呼出控制台，在控制台终端输入npm install添加包依赖

如果报错，则以管理员身份运行再执行

执行命令npm run dev

项目运行界面

其他插件

open in browser
直接右键项目单击启动，运行单个HTML页面

JavaScript(ES6) code snippets
ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

Path Intellisense 自动路径补全