Vuejs报错error: Unexpected console statement (no-console) at src\... 解决办法

当vue报这个错误的时候，还是可以运行的，但是看着难受，所以决定关掉它。这个错误其实是Vuejs - 使用ESLint检查代码质量，如果你有看es6编程规则的话，应该可以看到下面这段话：

ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。

首先，安装 ESLint。

$ npm i -g eslint 然后，安装 Airbnb 语法规则，以及 import、a11y、react 插件。

$ npm i -g eslint-config-airbnb $ npm i -g eslint-plugin-import
eslint-plugin-jsx-a11y eslint-plugin-react
最后，在项目的根目录下新建一个.eslintrc文件，配置 ESLint。

{ “extends”: “eslint-config-airbnb” } 现在就可以检查，当前项目的代码是否符合预设的规则。

index.js文件的代码如下。

var unusued = ‘I have no purpose!’;

function greet() {
var message = ‘Hello, World!’;
alert(message); }

greet(); 使用 ESLint 检查这个文件，就会报出错误。

$ eslint index.js index.js 1:1 error Unexpected var, use let or
const instead no-var 1:5 error unusued is defined but
never used no-unused-vars 4:5 error Expected
indentation of 2 characters but found 4 indent 4:5 error
Unexpected var, use let or const instead no-var 5:5 error
Expected indentation of 2 characters but found 4 indent

✖ 5 problems (5 errors, 0 warnings)

上面代码说明，原文件有五个错误，其中两个是不应该使用var命令，而要使用let或const；一个是定义了变量，却没有使用；另外两个是行首缩进为
4 个空格，而不是规定的 2 个空格。

也就是说，是ESLint检查出你的代码风格不符合这个规则。
但是调试中又得使用console.log
所以我们可以如下图操作关闭。

改成”no-console“：”off“
这样就不会报错了。
但是养成一个很好的编码风格还是很重要的。