Eslint报错解决合集,Eslint校验代码语法，prettier统一格式化代码，按下保存自动修复eslint错误，自动格式化代码

 

在项目根目录下新建.prettierrc预格式化配置文件,json格式添加:

{
"Semi":false,  //移除分号
"SingleQuote":true  //使用单引号表示字符串
}

 

修改.eslintrc.js中的rules:

rules: {

     "space-before-function-paren": 0,  //禁用函数名与()直接添加空格

    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'

  }

 需要安装 Vetur、ESLint、Prettier - Code formatter这三个插件

vscode插件配置

打开vscode工具的设置（快捷键 Ctrl + ,）里面有两个设置。

一个是 USER SETTINGS（用户设置）也就是全局配置，其他项目也会应用这个配置。

另一个是WORKSPACE SETTINGS（工作区设置）也就是项目配置，会在当前项目的根路径里创建一个.vscode/settings.json文件，然后配置只在当前项目生效。