webstorm根据.eslintrc文件自动修复

当苦于要一个个修复webstorm的eslint报错的问题时,您需要这篇文章.

打开webstorm->file->settings->eslint

选项解读:
eslint package:导入的是eslint的包
automatic search:是webstorm自动查找项目中的.eslintrc文件
configuration file:是用户特定的.eslintrc文件(使用在有多个.eslintrc文件的情况下)
extra eslint options:可以用来设置公共的eslint规则,用在所有项目上.

按我选的就好

这样的话,右键点击fix eslint problems,webstorm就可以根据.eslintrc文件的规则来自动恢复.
但是有快捷键的话,就更加方便了,那我们就给他一个快捷键.
同样在settings里搜索eslint

我是给他设置个ALT+D,这样我就可以玩的很舒服了.

外传:
很多小伙伴会有跟我之前一样的疑惑:webtorm恢复的会不会是webstorm自定义的规则,而不是我们自定义的.eslintrc规则.
针对这个问题,我展开了深入的探索.
我们就找一条规则测试吧
“no-extra-semi”: “error”
意思是禁用额外分号
这是没有添加规则的情况下:

这么多额外的分号???webstorm无法提示错误和修复错误.添加链接描述

当我加上规则后,webstorm报错了(有红线),而且fix后会自动修复.

yes.

总结:webstorm是可以根据自定义的.eslintrc文件进行快捷自动修复