webstorm配置eslint规则

用vue-cli搭建的项目里,配置了eslint。想让代码更加规范一点,但是总是有些规则和webstorm默认的一些规范从冲突,曾经因此放弃了。后来摸索的配置了下,总算是完美结合。

首先第一个问题,script标签下的元素是默认缩进的!像这样
webstorm配置eslint规则

解决方案:

webstorm配置eslint规则

函数扩前的分号,像这样:
webstorm配置eslint规则

解决方案
webstorm配置eslint规则

如果你看着这些警告也难受:
webstorm配置eslint规则

解决方案:
webstorm配置eslint规则

像这类问题你可以先找出是哪类问题,然后再设置中搜索。
先把详情显示出来
webstorm配置eslint规则
然后找关键词 比如说terminated、newline等
然后去搜索
webstorm配置eslint规则

很快就能找到对应的设置的地方。

另外如果你真的不想有对应的检查,你也可以配置eslint

webstorm配置eslint规则

ESLint配置

最后ESLint真的很好用,希望大家都能用起来。

相关推荐