新版vscode(^1.41.0)下JavaScript代码格式化冲突问题

分析配置

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

本地还有vue格式化的插件vetur，默认配置。

对JavaScript文件格式化

vscode提示： “Vue”文件有多个格式化程序。选择默认格式化程序以继续。
说明JavaScript格式化冲突，原因是vetur插件默认有个JavaScript的格式化工具是prettier，而我们eslint也是用来格式化JavaScript的，这两个“哥们”产生了冲突，于是解决方案如下：

{
  "editor.codeActionsOnSave": {// 代码保存时自动使用eslint校验
    "source.fixAll.eslint": true
  },
  "eslint.format.enable": true, // eslint格式化开启
  "eslint.validate": [ // eslint校验的文件列表
    "javascript",
    "vue",
    "html"
  ],
  /* 添加如下配置 */
  "vetur.format.defaultFormatter.js": "none",// 取消vetur默认的JavaScript格式化工具
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur" // vue文件还是采用vetur格式化
  }
}