Nuxt2如何配置ESLint

1. 安装依赖

npm install -D eslint @babel/eslint-parser @nuxtjs/eslint-config

2. eslintrc.js配置文件

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: '@babel/eslint-parser',
    requireConfigFile: false
  },
  extends: [
    '@nuxtjs'
  ],
  rules: {}
}

3. 添加scripts

"scripts": {
  //...
  "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
  "lintfix:js": "eslint --fix --ext \".js,.vue\" --ignore-path .gitignore ."
},

4. Visual Studio Code配置

保存时自动Fix问题

{
  "editor.codeActionsOnSave": {
      "source.fixAll": true,
      "source.fixAll.eslint": true
  }
}