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

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

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


当前回答

对我来说,formatOnSave不起作用,因为我已经安装了更漂亮的格式器,还没有在内置和更漂亮的默认格式器之间做出选择。

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

其他回答

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

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

"editor.formatOnSave": true

如果你想在保存Javascript源代码时自动格式化,请将此添加到用户设置中(按CmdShiftP或CtrlShiftP,然后键入打开设置(JSON)来打开设置。json文件)

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

经过几个小时的挣扎……以下步骤是有效的。 详情如下。

安装这个扩展

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秒后,它会被自动格式化和保存。

除了启用保存格式设置,对于python开发人员,您可能需要安装autopep8包,这是vscode默认使用的,用于保存python代码时格式化代码。

pip install autopep8

然后,按CTRL + s查看更改。

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