VSCode格式化和eslint校验冲突解决方案

步骤

1.VSCode安装ESLint插件
2.VSCode setting.json中追加如下配置

"eslint.validate": [
  "javascript",
  "javascriptreact",
  "html",
  "vue"
],
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

3.配置项目根目录下的 eslintrc.js 文件

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/essential',
    'eslint:recommended', // 我是使用vue项目的，其它框架这块配置可能不太一样
  ],
  parserOptions: {
    parser: 'babel-eslint', // 需安装eslint和babel-eslint
  },
  rules: {
    quotes: [2, 'single'], //单引号
    semi: [2, 'never'], // 不使用分号
    'space-before-function-paren': [2, 'always'], // 函数前面加上空格
    indent: [2, 2], // 相同的缩进2
    // 'eqeqeq': 2, // 使用全等
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // console在生产模式不生效
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // debugger在生产模式不生效
  },
}