ES Lint

1、介绍

ES Lint 是一个 JavaScript 代码静态检查工具。
功能：语法检查、发现问题、强制代码风格
[官网地址]https://eslint.org/

2、安装

1.在项目根目录执行

npm install eslint --save-dev

参数说明：--save-dev 指示它以开发的方式依赖

图片 1.png

2.初始化，即执行下面命令

npm eslint -init

按照需求填写信息：

图片 1.png

3、使用/配置

检查某个文件或文件夹：

npx eslint /文件夹/文件夹/abc.js
npx eslint /文件夹/文件夹

图片 1.png

检查/并快速修复：

npx eslint /文件夹/文件夹/abc.js --fix

--fix可以帮助我们修复一些缩进、空格、引号等提示错误。检查结果提示了“哪个规则”失败了，查找规则，阅读规则说明，修改后再次检查。

4、规则设定

检查规则

1.根目录下创建一个.eslintrc.js
2.在.eslintrc.js 文件中修改 rules 节点调整规则

图片 1.png
图片 1.png

忽略检查

1.创建一个.eslintignore文件，在其中声明要忽略检查的文件或目录
2.或者 某个文件关闭eslint检查，在文件头部添加声明

/* eslint-disable */

3.某一行js代码关闭eslint检查

//eslint-disable-next-line

5、参考

https://eslint.org/
必读：https://eslint.org/docs/user-guide/getting-started
https://www.jianshu.com/p/1d66a10466d2
https://blog.csdn.net/Cy_Shay/article/details/78217381
关于ReactNative如何配置ESLint，Prettier，Pre-commit Hook
https://blog.csdn.net/Ctrl_S/article/details/82633261
这篇文章介绍rule很清晰
http://www.php.cn/js-tutorial-401669.html