ESLint
为什么使用ESLint
在开发项目中,团队每一个成员都会有自己的习惯性的代码风格,所以在团队协作中,容易产生几套不同的代码风格,这样整个项目的代码连贯起来可读性差,也容易冗余的代码和产出低级bug。为了解决这个问题,我们会制定一套编码规范来管理。所以项目中使用使用 ESLint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。
什么是 ESLint
来自官网的解释
ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:
- ESLint 使用 Espree 解析 JavaScript。
- ESLint 使用 AST 去分析代码中的模式
- ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。
安装 ESLint
项目安装
|
|
.eslintrc的文件123456789{ "rules": { "semi": ["error", "always"], "quotes": ["error", "double"] }}
全局安装1234567891011// 全局安装$ npm install -g eslint// 如果你第一次使用 ESLint,你必须使用 –init 命令新建一个配置文件:$ eslint --init// 使用 ESLint 检测任何 JavaScript 文件:$ eslint yourfile.js// ESLint 中一些规则运行命令它可以帮你自动修复$ eslint test.js --fix
规则定义
ESLint 支持几种格式的配置文件,如果同一个目录下有多个配置文件,ESLint 只会使用一个。优先级顺序如下:
- JavaScript - 使用 .eslintrc.js 然后输出一个配置对象。
- YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
- JSON -使用 .eslintrc.json 去定义配置的结构,ESLint 的 JSON 文件允许 JavaScript 风格的注释。
- Deprecated -使用 .eslintrc,可以使 JSON 也可以是 YAML。
- package.json - 在 package.json 里创建一个 eslintConfig属性,在那里定义你的配置。
|
|
Gulp中使用
|
|