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

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

我知道下面的选项，但没有一个足够好:

格式手动Shift + Alt + F 格式输入“编辑器”。formatOnType”:真正的当你按回车键时，它会格式化行。不幸的是，当您用鼠标单击另一行或按上下箭头时，它会保持未格式化。使用现有扩展我试过这个方法，但效果不太好。使用美化“美化”。onSave”:真正的它不适用于TypeScript 编写自定义扩展如果你想正确地处理自动保存和构建，这是很棘手的。

当前回答

不再需要添加命令。对于那些刚接触Visual Studio Code并正在寻找保存时格式化代码的简单方法的人，请遵循以下步骤。

在Mac中按[Cmd+，](或在Windows/Linux中按[Ctrl+，])或使用下面的截图打开设置。

在搜索框中输入“format”，并启用“format On Save”选项。

你完成了。谢谢你！

2019-02-13 07:54:24

其他回答

对于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
}

2018-09-27 07:39:18

不再需要添加命令。对于那些刚接触Visual Studio Code并正在寻找保存时格式化代码的简单方法的人，请遵循以下步骤。

在Mac中按[Cmd+，](或在Windows/Linux中按[Ctrl+，])或使用下面的截图打开设置。

在搜索框中输入“format”，并启用“format On Save”选项。

你完成了。谢谢你！

2019-02-13 07:54:24

2016年9月(VSCode 1.6)，现在正式支持。

将以下内容添加到设置中。json文件: