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

Question

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

我知道以下选项，但其中 none 个就足够了：

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

Answer 1

截至 2016 年 9 月 (VSCode 1.6)，现在正式 supported。

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

"editor.formatOnSave": true

Answer 2

如果您希望仅使用 Javascript 源在保存时自动格式化，请将此添加到 Users Setting（按 Cmd ShiftP 或 CtrlShiftP 然后输入 Open Settings (JSON) 打开 settings.json 文件)

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

Answer 3

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

无需再添加命令。对于 Visual Studio 代码的新手和寻找一种在保存时格式化代码的简单方法的人，请按照以下步骤操作。

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

在搜索框中键入“格式”并启用选项“保存时格式化”。

大功告成。谢谢。

Answer 5

对于eslint:

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

Answer 6

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

Answer 7

经过几个小时的努力...以下步骤奏效了。
详情如下。

安装这个扩展

https://marketplace.visualstudio.com/items?itemName=pucelle.run-on-save

在 json 下方添加 到以下文件：

文件:

<your-project-directory>\.vscode\settings.json
    OR
%UserProfile%\AppData\Roaming\Code\User\settings.json

JSON:

注意：确保在下方块之前和之后使用逗号。

    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 1000,
    "runOnSave.statusMessageTimeout": 3000,
    "runOnSave.commands": [
        {
            "match": ".*\.*",
            "command": "editor.action.formatDocument",
            "runIn": "vscode"
        }
    ],

现在，当代码被更改时，1 秒后，它会自动格式化并保存。

Answer 8

对我来说 formatOnSave 没用，因为我安装了 prettier 并且还没有在 built-in 和 prettier 之间选择作为我的默认格式化程序。

要触发选择对话框，我必须在 json 文件上按 Alt + Shift + f。

Answer 9

除了启用设置 Format On Save 之外，对于 python 开发人员，您可能需要安装 autopep8 包，该包由 使用vscode 保存代码时默认格式化 python 代码。

pip install autopep8

然后，按 ctrl + s 查看更改。

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

How do you format code on save in VS Code

code-formatting

visual-studio-code

vscode-settings