最近团队的项目使用vue，并结合eslint（eslint是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。//官方翻译），手动配置格式很麻烦，我用webstorm开发，下面来一起配置下
1.点击settings->pluings ->搜索eslint-> Install安装

c55a0cc3c1610849bf9e91a24c14025a.png

2.安装好之后，找到settings中ESLint，选中，就会进入配置页面，勾选Enable->第一项配置自己安装nodejs目录下node.exe,第二项配置当前项目中node_modules/.bin目录下的eslint.cmd，第三项改成.eslintrc.js

图.png

3.最后点击Apply应用，点击ok就行了

4.使用可以在菜单栏下的code->ESlint Fix 修复，也可以设置快捷键，如下：
点击keyMap->搜索eslint->选中fix ESList Problems下面的eslint->右键Add Keyboard ShortCut 摁住Alt + L 键 以后使用alt + L 就可以直接进行eslint修复了

image.png