让人又爱又恨的ESLint

引言

ESLint 是用来检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。

ESLint可以给我们带来什么:

非常舒服的代码书写风格,强迫你去掉所有的分号。

eslint

  • 统一的代码编写格式,使得代码书写风格统一。
  • 更加严格的书写要求,减少了代码出错的概率。

在webpack构建的项目中使用ESLint

  1. 首先全局安装ESLint

    npm install --save-dev eslint eslint-loader

  2. 在webpack中添加配置

    module: { preLoaders: [ {test: /.js$/, loader: "eslint-loader", exclude: /node_modules/} ] }

  3. 新建名为 .eslintrc 的文件。该文件的内容为对 ESLint 的配置。(一般vue-cli构建的项目会自带这个文件)

    { "env": { "browser": true, "commonjs": true, "es6": true }, "parserOptions": { "ecmaVersion": 6 }, "rules": { "no-eq-null": 2 //禁止对null使用==或!=运算符 } }

  4. env:你的脚本将要运行在什么环境中

    Environment可以预设好的其他环境的全局变量,如brower、node环境变量、es6环境变量、mocha环境变量等

  5. 开启规则和发生错误时报告的等级 规则的错误等级有三种:

    0或'off':关闭规则。 1或'warn':打开规则,并且作为一个警告(并不会导致检查不通过)。 2或'error':打开规则,并且作为一个错误 (退出码为1,检查不通过)。

    参数说明: 参数1 : 错误等级 参数2 : 处理方式

  6. 我只写了最简单的一个检测,查看更多规则请参看官方规则

  7. 就我个人来说喜欢逛gayhub,看看别人怎么写规则,如果还不错就占为己有了。嘻嘻嘻...

前方高等,拿走不谢:

评论 抢沙发

表情
  1. #1

    来自湖南长沙的用户 17天前
    先Mark后看(●◡●)ノ