webstorm配置eslint规则

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

首先第一个问题,script标签下的元素是默认缩进的!像这样
clipboard.png

解决方案:

clipboard.png

函数扩前的分号,像这样:
clipboard.png

解决方案
clipboard.png

如果你看着这些警告也难受:
clipboard.png

解决方案:
clipboard.png

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

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

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

clipboard.png

ESLint配置

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

阅读 6.8k

推荐阅读

记录前端摸坑历史

4 人关注
4 篇文章
专栏主页