1.首先打开VsCode，在插件扩展商店搜索 eslint，点击安装，并重新加载；
2.安装好以后，配置eslint，打开 文件==>首选项==>设置；选择用户==>扩展==>ESLint；找到并点击打开 “在settings.json 中编辑”，配置如下代码：
{
// 保存后自动修复格式
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// 添加vue支持
"eslint.validate": [
"javascript",
"javascriptreact",
"vue"
],
}
这时ESLint就可以在检测项目中的代码了。
3.ESLint检测比较严格，若希望vue按照ESLint格式化代码，可进行以下操作：
1）安装插件Vetur，这是vscode上一个集vue.js代码提示，语法高亮等功能为一体的流行插件；
2）安装后在默认配置可以看到，vetur默认采用prettier格式化；
3）安装插件prettier，他的格式化和eslint不一样，所以在用户配置中添加以下配置：
//分号
"prettier.semi": false,
//单引号包裹字符串
"prettier.singleQuote": true,
//html格式化依赖 默认为none
"vetur.format.defaultFormatter.html": "js-beautify-html",
//函数前加空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
//没有下边这个 上边不生效
"vetur.format.defaultFormatter.js": "vscode-typescript",
