webstorm根据.eslintrc文件自动修复

转载自： https://juejin.cn/post/6844903752172847118

 

当苦于要一个个修复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后会自动修复.

总结

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