了解eslint

1、简介：
eslint检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。

JSHint 和 JSLint 也是静态代码检查工具，但伴随着发展，他们已经无法满足需求，于是ESlint 诞生了，因次ESlint比它们功能更强大也更灵活。
ESLint 是用 Node.js 写的，可以通过 npm 来安装。ESLint 也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。
2、作用
ESlint作为代码检查工具，其作用主要有以下几点：

统一代码风格规则，如：缩进用几个空格；是否用驼峰命名法来命名变量和函数名等。
减少错误，如：相等比较必须用 ===，变量在使用前必须被声明，在条件语句中不能使用赋值语句等。
提高代码质量，如：函数最多有多少条件分支；最多有几个参数，代码块最多能嵌套多少层等。
其他。如：禁用alert。这可以提高用户体验，因为 alert 框的外观不是那么好看，而且往往与网站的风格不搭，一般都会自定义 alert 框。
3、安装&配置
eslint可以用npm 安装依赖

npm install -g eslint

然后可以在.eslintrc的文件进行配置:

env: 指定代码的运行环境
globals：额外的全局变量
parserOptions: 指定 JavaScript 相关的选项。ecmaVersion 指定用哪个ECMAScript 的版本，默认是 3 和 5。
rules: 具体检查的规则，不设置则不会检查

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true
  },
  "parserOptions": {
    "ecmaVersion": 6
  },
  "rules": {
    "indent": ["error", 2],
    "no-mixed-spaces-and-tabs": "error"
    "camelcase": "error",
    "eqeqeq": "warn",
    "curly": "error",
    "no-undef": "error",
    "no-unused-vars": "warn",
    "max-params": "warn"
  }
}

附件：

https://blog.csdn.net/Yichair/article/details/79963598

https://github.com/SublimeLinter/SublimeLinter-eslint

猜你喜欢