eslint是一个开源的javascript代码检查工具，使用node.js编写，ESLint 的初衷是为了让程序员可以创建自己的检测规则，使其可以在编码的过程中发现问题而不是在执行的过程中。在vue项目中，经常使用eslint对我们的代码进行校验，展示符合规范的代码，方便阅读和搜索。
工具/原料
1
VS Code1.24
2
eslint3.14.1
3
VS Code ESLint extension
方法/步骤
1
通常情况下vue项目都会添加eslint组件，我们可以查看webpack的配置文件package.json查看,也可以查看工程下是否有.eslintrc.js和.eslintignore查看到eslint是否开启。
2
当我们编写不符合eslint规范的代码时，启动项目会报错，比如console.log(123,'fghjkl')这里逗号,后面没有空格，导致控制台报错。
3
这个时候我们只能通过错误提示，了解到app.vue文件中的具体错误位置，这个时候可以安装vscode eslint插件，就可以自动检测不符合规范的代码。打开vscode左侧扩展面板，搜索eslint，点击安装，重启后生效。编写代码时就可以直接看到123下面出现了一个红色的波浪线，鼠标经过还可以提示eslint的错误：d逗号后面缺少空格。此时如果再次启动npm run dev，错误依旧。
4
我们可以选择手动修复，初期或许不熟练，慢慢就孰能生效了。不过有时候我们要拷贝一些代码，锁紧，空格，单双引号等等问题就很多，这个时候就需要配置eslint自动错误修复功能了。
5
打开code->首选项->设置，搜索eslint；我们发现默认自动修复功能是关闭的。我们在右侧的用户设置中输入自动修复的json配置数据，自动修复功能就打开了
6
再次打开错误页面，执行保存（ctrl+s）操作，eslint的错误就会自动恢复了。又可以愉快的写js代码了。