Vue-cli4.0 搭建项目配置Eslint

Vue-cli4.0 搭建项目时配置Eslint

当搭建项目选择完eslint之后，有个配置会问你更新换将单独配置的文件放到pakage.json还是放在单独的文件，

如果是这样选择（单独生成一个文件）：

最后会生成个.eslintrc.js的文件如下（推荐选择这个）：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    // 这一步其实也是vue-li选择时自己选的
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    // 这里可以配置规则
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

如果是选择package.json:

最后package.json就会生成一个eslintConfig的配置如下：

{
、、、
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
    // 这里写配置
    }
  },
、、、
}