ESLint
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ESLint相关的知识,希望对你有一定的参考价值。
参考文档:http://eslint.cn/
ESLint 是在 ECMAScript/javascript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:
- ESLint 使用 Espree 解析 JavaScript。
- ESLint 使用 AST 去分析代码中的模式
- ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。
以上来自官网。不想再说下去,反正就是一个代码风格检测工具就对了
如何使用
-
安装
npm install -g eslint
-
如果你第一次使用 ESLint,你必须使用 –init 命令新建一个配置文件:
eslint --init
-
使用 ESLint 检测任何 JavaScript 文件:
eslint test.js test2.js
-
ESLint 中一些规则运行命令它可以帮你自动修复
eslint test.js --fix
Sublime 安装:http://www.jianshu.com/p/e826e13c67ec
为了可以更直观的反馈,可能更多的会直接安装编辑器插件来进行错误提示,以Sublime 为例:
在
package control
中 ,先安装在SublimeLinter
,再安装SublimeLinter-contrib-eslint
在项目目录下新建.eslintrc
文件,自定义规则。重新载入文件应该就生效了(不生效的话
Ctrl+Shift+P
调用命令面板 找到sublimelinter: toggle linter
设置生效就好了)
以上是关于ESLint的主要内容,如果未能解决你的问题,请参考以下文章
vue + eslint + prettier 代码检测(自动修复)
在VSCode中配置代码自动 eslint 格式化(修改eslint规则eslint忽略文件)
markdown [ESLint js] Js代码检查器#eslint #js
gitlab ci 集成 eslint/prettier/tsc 做代码审查,并使用 eslint 输出作为显示代码质量