admin管理员组

文章数量:1529445

分析配置

{
  "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格式化
  }
}

本文标签: 新版冲突代码VSCodeJavaScript