PhpStorm/WebStorm……等JetBrains系代码编辑器解决ESLint代码检查不通过

检查确认是否开启了ESLint的代码格式检查

比如vue项目，在使用vue init webpack project_name创建项目的时候就会询问是否开启ESLintUse ESLint to lint your code? (Y/n)如果当初您的选择是Y那么之后在每次运行npm run dev时ESLint都会根据当初您的设定进行代码检查，如果不通过就会报错，有些朋友为了图方便可能直接就取消了代码检查，个人感觉不太合适，因为这样不便于写出规整的代码，那么问题来了，已经开启了，而且想让代码规整，但又不知道怎么才能满足ESLint的代码格式要求？很简单：

安装插件自动完成代码格式化

打开PhpStorm/WebStorm……等JetBrains系代码编辑器，点击导航栏：File》Settings
在主搜索框内搜索Plugins，在插件搜索框内搜索安装插件：ESLint Restart Service Action，安装完成后，在主搜索框内搜索ESLint，你可以看到在：Languages & Frameworks》JavaScript》Code Quality Tools》ESLint，按下图进行设置即可：