第九十三篇: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