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后会自动修复.

总结

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

最后，别忘了给这个项目点一个star哦，谢谢支持。

blog

下面是小编的公众号

一个学习编程技术的公众号。天天推送高质量的优秀博文、开源项目、实用工具、面试技巧、编程学习资源等等。目标是作到我的技术与公众号一块儿成长。欢迎你们关注，一块儿进步，走向全栈大佬的修炼之路