eslint

1、初始化

1
2
3

$ npm i -D eslint
$ npm i -D eslint-loader
$ eslint --init

选择 standard，并安装了以下依赖

// package.json
{
    "eslint": "^4.19.1",
    "eslint-config-standard": "^11.0.0",
    "eslint-loader": "2.0.0",
    "eslint-plugin-import": "^2.11.0",
    "eslint-plugin-node": "^6.0.1",
    "eslint-plugin-promise": "^3.7.0",
    "eslint-plugin-standard": "^3.0.1"
}

// .eslintrc.js
module.exports = {
  'extends': 'standard',
  'plugins': [
    'html'
  ]
}

// webpack.config.js
var config = {
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.(js|vue)$/,
        exclude: /node_modules/,
        loader: 'eslint-loader'
      }
    ]
  }
}

2、其他依赖

eslint-plugin-html
This ESLint plugin allows linting and fixing inline scripts contained in HTML files.(检查 HTML、Vue 中的 javascript)
1
$ npm i --D eslint-plugin-html

3、指令

1 2	// 禁用规则 /* eslint-disable no-new */

4、问题

Intellij 默认启用检查 eslint 时，node_modules 包太多导致卡死

5、参考

eslint-loader