如何使 VS Code 在自动保存后立即执行自动格式化?

vscode自动保存选afterDelay时自动格式化不生效
4bd11a84394366528c31c9f3d715587e.png
这是我目前的配置

{
  "editor.fontSize": 20, // 编辑器字体大小
  "terminal.integrated.fontSize": 18, // terminal 框的字体大小
  "editor.tabSize": 2, // Tab 的大小 2个空格
  "editor.formatOnSave": true, // 保存是格式化
  "prettier.singleQuote": true, // 单引号
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.format.enable": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    "typescript",
    "typescriptreact"
  ]
}

{
    "editor.formatOnSave": true,
   
}

希望图中这两项能同时起作用

阅读 611
4 个回答
✓ 已被采纳

image.png
在你的项目根目录新建.vscode文件夹,新建settings.json
写入

{
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}
新手上路,请多包涵

自动格式化是我在任何多人参与的项目启动时都要禁止的,这操作会造成海量的代码冲突,可能会导致你的一周五天的工作中一两天都在处理冲突……

设置 搜索Format On Save
image.png
提一嘴
虽然自己开发的时候保存自动格式化很舒服
但是多人开发的时候 就容易造成被格式化的代码行 提交记录都指向你
反正这样挺容易背锅的

即使没人说你 看着也挺不得劲的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏