Eslint 安装和使用

确保你的电脑安装了 node 和 npm 环境
Node.js 版本大于6.14
npm 版本3+

1 使用 npm 安装 ESLint

--save-dev 会把 eslint 安装到 package.json 文件中的 devDependencies 属性中，意思是只是开发阶段用到这个包，上线时就不需要这个包了

npm install eslint --save-dev

2 设置一个配置文件

./node_modules/.bin/eslint --init

3 设置一个配置文件

./node_modules/.bin/eslint --init

4 安装 eslint-plugin-react 等相关依赖

cnpm install babel-eslint eslint-plugin-react eslint-plugin-import  --save-dev

5 .eslintrc.js配置规则

{
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
}

"semi" 和 "quotes" 是 ESLint 中 规则 的名称。第一个值是错误级别，可以使下面的值之一：

• "off" or 0 - 关闭规则
• "warn" or 1 - 将规则视为一个警告（不会影响退出码）
• "error" or 2 - 将规则视为一个错误 (退出码为1)

6 在package.json中增加如下脚本指令

{
  "scripts": {
    "lint": "eslint --ext .js --ext .jsx src"
  }
}

添加完成之后，就可以执行如下命令对指定的文件进行eslint管理

npm run lint

7 安装pre-commit 检查 Git 提交的代码

cnpm install pre-commit --save-dev

8 在package.json中增加下面配置

{
  "pre-commit": [
    "lint"
  ]
}

完成之后，在每次提交代码之前，pre-commit会拦截 Git 的 commit 操作，并运行lint命令进行代码检测，若检测到有违反校验规则的情况，则会返回错误，从而导致git commit失败