修改VScode样式初始化与eslint规则产生的矛盾

{
  "workbench.colorTheme": "Monokai",
  // "semi": false, // 分号
  // "singleQuote": true, // 单引号
  // "trailingComma": "none",
  // "window.zoomLevel": 1, // 去掉结尾的逗号
  //禁止保存的时候格式化
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  //函数名称前 加一个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  //格式化插件配置，设置为vetur
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // #vue组件中html代码格式化样式
      "wrap_attributes": "force-aligned", //也可以设置为“auto”，效果会不一样
      "wrap_line_length": 200,
      "end_with_newline": false,
      "semi": true,
      "singleQuote": true
    },
    "prettier": {
      //设置分号
      "semi": true,
      //双引号变成单引号
      "singleQuote": true,
      //禁止随时添加逗号,这个很重要。找了好久
      "trailingComma": "none"
    }
  },
  "editor.fontSize": 14
}