vue-cli 如何让Eslint 报错在浏览器控制台输出

背景

现在新版本的vue-cli创建的项目，eslint的报错已经不在浏览器控制台输出了，而是默认在终端输出

然而我们通常习惯在浏览器控制台中做项目的调试，而不会经常看终端的报错，导致往往忽略了eslint的报错。那么应该如何让Eslint 报错在浏览器控制台输出呢？

解决办法

在根目录新建 vue.config.js 文件, 加入下列配置

module.exports = {
  devServer: {
    hot: true,
    clientLogLevel: 'warning' 
  }
}

重新启动项目，eslint的报错就会在浏览器控制台上输出了