如何在VS代码中保存时保存代码格式

Question

当我在Visual Studio Code中保存文件时，我想使用内置格式化程序自动格式化TypeScript代码。

我知道以下选项，但它们都不够好：

• 手动格式Shift + Alt + F
• "editor.formatOnType": true类型的格式
  • 按Enter键时格式化线条。不幸的是，当您鼠标单击另一条线或按向上/向下箭头时，它会使其保持未格式化。
• 使用现有扩展程序
  • 我试过这个one，但似乎效果不好。
• 使用美化"beautify.onSave": true
  • 它不适用于TypeScript
• 编写自定义扩展程序
  • 如果您想要正确处理自动保存和构建，这很棘手。

Answer 1

截至2016年9月（VSCode 1.6），现在正式supported。

将以下内容添加到 settings.json 文件中：

"editor.formatOnSave": true

Answer 2

要在保存时自动格式化代码：

• 按 Ctrl ，打开用户首选项

• 在打开的设置文件中输入以下代码

  {
      "editor.formatOnSave": true
  }
  

• 保存文件

Source

Answer 3

如果您想使用Javascript源自动格式保存，请将此格式添加到Users Setting（按 Cmd ，或 Ctrl < / KBD> ，）：

"[javascript]": { "editor.formatOnSave": true }

Answer 4

无需再添加命令。对于那些不熟悉Visual Studio Code并正在寻找一种在保存时格式化代码格式的简便方法的人，请按照以下步骤操作。

1. 在Mac中按[Cmd+,]或使用以下屏幕截图打开设置。

1. 在搜索框中键入“ 格式”，然后启用选项“ 保存时格式化”。

您完成了。谢谢。

Answer 5

对于任何语言的 neet 格式，您可以使用 Prettier - code formatter。 应用此功能后，您可以格式化代码 Alt + Shift + f

Answer 6

对于 MAC 用户， 将此行添加到您的默认设置

文件路径为：/ Users / USER_NAME / Library / Application Support / Code / User / settings.json

“ tslint.autoFixOnSave”：是

该文件的示例为：

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}

Answer 7

陪同：

"editor.codeActionsOnSave": { "source.fixAll.eslint": true }