在Vue-cli3生成的项目中处理no-console错误

使用 vue-cli3 创建项目时，如果选择默认的 eslint 规则，则不允许在代码中使用 console.log。

在默认的 eslint 规则中是禁止在代码中调用 console.log 的。如果代码中有 console.log 语句，则在项目编译时会得到如下错误:

error: Unexpected console statement (no-console) at ...

修改这一默认规则的方法是直接编辑 package.json 文件中的 eslintConfig 设置。

原设置为:

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

可以看到第10行中的 rules 设置项现在是为空的。

在 rules 中加入 “no-console”: “off” 来禁止对 console.log 的检查，修改后的配置如下:

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
      "no-console": "off"
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  }

然后在重新启动应用: yarn serve， 就不会愉快的使用 console.log 了。