Morning Star's blog
  2. 前端开发
  3. Vue框架

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

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

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

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

原设置为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
"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 的检查，修改后的配置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
      "no-console": "off"
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  }

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

TAGS