vue-cli3 取消关闭eslint 校验代码

vue-cli3 取消关闭eslint 校验代码

在package.json中，去掉这个配置

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]

然后在根目录下创建 .eslintrc.js 在该文件下写入

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    "vue/no-unused-components": ["error", {
      "ignoreWhenBindingPresent": true
    }] //这个是去除组件不重用的规则

  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

这个嘛。。其实是 eslint 的配置可以在 package.json里面配置 也可以在 .eslintrc.js下配置，所以咱放到 .eslintrc.js 下配置。

想了解更多看文档吧
官方文档

eslint-plugin-vue文档