利用ESLint检查代码质量

 1. ESLint  

  ESLint 是一个插件化的 javascript 代码检测工具,它能够用于检查常见的 JavaScript 代码错误,也能够进行代码风格检查,这样咱们就能够根据本身的喜爱指定一套 ESLint 配置,而后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量javascript

  第一步 经过cnpm安装   $ cnpm install -g eslint
java

  

  上面是须要测试的代码。 咱们输入 node mes.js 就是文件的名字。会输出{a: 123,b:456};
node

  接着执行eslint来执行检查代码 $ eslint mes.js。 可是没有输出任何信息。这是由于咱们没有指定任何的配置,除非这个文件是有语法错误,不然应该是不会有任何提示的。如今咱们先使用内置的eslint:recommended配置,它包含了一系列核心规则,能报告一些常见的问题。
npm

  首先新建 ESLint 配置文件.eslintrc.js浏览器

  

  接下来咱们能够看到输出的错误工具

  

  第 1 条提示,咱们能够禁用no-console规则。将配置文件.eslintrc.js改成这样:测试

  配置规则写在rules对象里面,key表示规则名称,value表示规则的配置,具体说明见下文。编码

  JavaScript 有不少种运行环境,好比常见的有浏览器和 Node.js,另外还有不少软件系统使用 JavaScript 做为其脚本引擎,好比 PostgreSQL 就支持使用 JavaScript 来编写存储引擎,而这些运行环境可能并不存在console这个对象。另外在浏览器环境下会有window对象,而 Node.js 下没有;在 Node.js 下会有process对象,而浏览器环境下没有。因此在配置文件中咱们还须要指定程序的目标环境spa

  

  再执行检查的时候就没有错误了。插件

  每条规则有 3 个等级:offwarnerroroff表示禁用这条规则,warn表示仅给出警告,并不会致使检查不经过,而error则会致使检查不经过。

 2. 使用共享的配置文件

  上文咱们以eslint:recommended为基础配置,而后在此之上修改no-console这条规则。而在大多数时候,咱们可能会根据本身我的或团队的习惯,定制更多的规则,好比限定缩进是 2 个空格和使用单引号的字符串等。而若是每个项目都要这样写到.eslintrc.js文件上,管理起来会比较麻烦。咱们能够将定义好规则的.eslintrc.js文件存储到一个公共的位置,好比public-eslintrc.js

  

相关文章
相关标签/搜索