安裝

• cnpm i eslint -D
• npx eslint --init 初始化配置文件
• npx eslint *.js 檢查項(xiàng)目所有js
• npx eslint *.js --fix自動(dòng)修復(fù)代碼風(fēng)格問(wèn)題
• 配置注解 //eslint-disable-line + 具體rule 禁用某個(gè)規(guī)則

gulp中集成eslint

• 安裝eslint gulp-eslint
• 配置文件添加$ 防止找不到j(luò)query全局標(biāo)識(shí)
  globals: {
  "jQuery": "readonly"
  }

    .pipe(plugins.eslint())
    .pipe(plugins.eslint.format())  //打印錯(cuò)誤
    .pipe(plugins.eslint.failAfterError())  //檢查錯(cuò)誤終止

webpack 中eslint

• 安裝eslint eslint-loader

  {
        test: /\.js$/, 
        exclude: /node_modules/, 
        use: 'eslint-loader',
        enforce:"pre"  //優(yōu)先級(jí)最高
      },

ts

• cnpm i typescript
• cnpm i eslint
• 初始化eslint配置文件

stylelint

• cnpm i stylelint -D
• 添加配置文件 .stylelintrc.js
• cnpm i stylelint-config-standard
• npx stylelint *.css

module.exports = {
   extends:"stylelint-config-standard"
}

prettier

• 代碼格式化
• cnpm i prettier
• npx prettier 文件名 --write 格式化文件

Git Hooks

• git 鉤子
• .git/hooks pre-commit文件（shell腳本）為commit前置鉤子，提交前觸發(fā)
• eslint結(jié)合git hooks
• 不使用shell使用hustry模塊來(lái)實(shí)現(xiàn) cnpm i husky -D
• package.json 定義 "husky " :{"hooks":{"pre-commit":"npm run pre-commit"}}
• scripts 設(shè)置test命令 "eslint ./index.js"
• cnpm i lint-staged -D
• package.json設(shè)置 lint-staged:{ "*.js":["eslint","git add"]}
• script 設(shè)置pre-commit: "lint-staged"