第九十三篇：ESLint:可组装的javaScript和JSX检查工具

好家伙,

 

1.什么是ESLint?

代码检查工具，用来检查你的代码是否符合指定的规范

 

2.ESLint有什么用?

统一JavaScript代码风格的工具

 

在合作开发的时候,

每个成员的代码风格都有可能不一样,

例如,有的人用tab,有的人用空格,

有的代码一堆回车空格,有的代码不会有多余的回车空格,

 

格式的不统一可能会带来很多麻烦,

所以我们使用ESLint来规范统一的代码格式

 

3.ESLint的使用配置

3.1.来开一个有ESLint的新项目

 

3.2. 然后选第三个

 

3.3.把

 

 3.4.然后

 

 3.5.用哪个选哪个

 

3.6.这里我们选择

倒数第二项

ESLint加上标准配置

 

 3.7.下一项

 

这里只勾选第一个,

把规范在保存时就检查出来,

不要等到提交时再去查规范

 

3.8.独立配置

 

 

3.9.最后的no不保存本次配置

 

 

4.来看看配置

 

 来看看这个代码:

 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

固定写法,

禁用console

检查是否为开发模式,

若为开发模式,则提出警告,

不为开发模式,直接禁用

 

5.报错后

可以拿报错信息去ESLint官网上去搜

查到违反了哪些相应的规范

 例如:

 

然后会发现就是多了一个少了一个空格

 

 

 给他加上就好

 

 

That's all