ESLint

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ESLint相关的知识,希望对你有一定的参考价值。

参考文档:http://eslint.cn/

ESLint 是在 ECMAScript/javascript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代码中的模式
  • ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。

以上来自官网。不想再说下去,反正就是一个代码风格检测工具就对了

 

 

如何使用

  1. 安装

    npm install -g eslint
    
  2. 如果你第一次使用 ESLint,你必须使用 –init 命令新建一个配置文件:

    eslint --init
    
  3. 使用 ESLint 检测任何 JavaScript 文件:

    eslint test.js test2.js
    
  4. 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

我是如何在公司项目中使用ESLint来提升代码质量的

gitlab ci 集成 eslint/prettier/tsc 做代码审查,并使用 eslint 输出作为显示代码质量

ESLint