安装

npm install eslint --save-dev

设置package.json

"scripts": {
    "lint": "eslint src",
    "lint:create": "eslint --init"
  }

使用

使用 npm run lint:create创建eslint规则配置文件。

再使用npm run lint 可以对src目录下的文件进行检查。

ESLint的规则有三种级别:

• “off”或者0，不启用这个规则

• “warn”或者1，出现问题会有警告

• “error”或者2，出现问题会报错

自定义

.eslintrc.js中有许多自定义项。

注意不同的环境使用问题。比如node下要开启”env”: {“node”: true}，否则会有__dirname未定义等错误。

还可以继承多个不同eslint配置文件。需要多尝试。

忽略文件

可以在项目根目录建立一个.eslintignore，里面填写要忽略的目录或者文件。

特别文件

对vue文件进行检测：

要安装eslint-plugin-vue

//.eslintrc：

  "extends": ["standard", 'plugin:vue/essential'],
  "plugins": [
    "vue"
  ]

vscode, 在vscode添加 vetur插件 (vue extensions pack似乎包括了它)。用户设置：

    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript", {
            "language": "vue",
            "autoFix": true
        }, "html",
        "vue"
    ]

还有：

    "prettier.singleQuote": true,
    "prettier.semi": false,
    "prettier.eslintIntegration": true,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
        "wrap_attributes": "force-aligned"
    }