VUE开发工具Visual Studio Code安装配置

一、官方下载Visual Studio Code
下载地址:https://code.visualstudio.com/

下载成功后，安装指定目录或者自定义目录。

二、安装Visual Studio Code所需插件
打开开发软件Visual Studio Code

点击图中箭头所指处，打开应用商店

在箭头所指处搜索如下所列插件并安装

	1、Chinese(Simplified) Language
	2、ESLint
	3、Git Blame
	4、indent-rainbow
	5、vue
	6、vue-beautify
	7、Sass
	8、Auto Close Tag
	9、Auto Rename Tag
	10、GitLens

三、安装vue目标依赖
点击快捷键windows+R打开命令窗口


在命令窗口执行以下命令指定依赖：npm install cnpm -g --registry=https://r.npm.taobao.org

命令执行后等待安装

四、配置eslint相关保存自动格式化



将以下内容覆盖整个文件内容

{
   
    "editor.fontSize": 12,
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,
    "eslint.validate": [