右键单击文件内容区域(文本)中的某处 从菜单中选择格式文件: Windows: Alt + Shift + F Linux: Alt + Shift +我 macOS:⌥+⇧+ F

代码格式化快捷方式:

Visual Studio Code on Windows - Shift + Alt + F

Visual Studio Code on MacOS - Shift + Option + F

Visual Studio Code on Ubuntu - Ctrl + Shift + I

如果需要，还可以使用首选项设置自定义此快捷方式。

保存文件时的代码格式:

Visual Studio Code允许用户自定义默认设置。

如果您想在保存时自动格式化您的内容，请在Visual Studio code的工作空间设置中添加以下代码片段。

菜单文件→首选项→工作空间设置

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

注意:现在你可以自动格式化TypeScript文件。看看我的更新。

Visual Studio Code 1.6.1支持“保存时格式化”，它将自动拾取相关的已安装的格式化器扩展，并在每次保存时格式化整个文档。

通过设置启用“Format On Save”

"editor.formatOnSave": true

还有可用的键盘快捷键(Visual Studio Code 1.7及以上):

格式化整个文档:Shift + Alt + F

格式选择:Ctrl + K, Ctrl + F

在Visual Studio code中，可以通过以下快捷方式使用代码格式化:

在Windows上Shift + Alt + F 在Mac上Shift + Option + F Linux下按Ctrl + Shift + I

或者，你可以找到快捷方式，以及其他快捷方式，通过子菜单视图/命令面板，也在编辑器中提供Ctrl +Shift+ P(或Mac上的Command +Shift+ P)，然后搜索格式文档。

对于未保存的片段

打开命令面板(Win: F1或Ctrl+Shift+P) 找到“更改语言模式” 选择语言，例如json。到目前为止，语法应该被突出显示。 格式化文档(例如打开命令面板->“格式化文档”)

恢复格式化

选择文本 命令面板->连接行

“展示照片”

对于那些想要自定义要格式化JavaScript文件的人，可以使用JSfiles属性上的any扩展名。这同样适用于HTML。

{
    "beautify.onSave": true,
    "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
    "beautify.HTMLfiles": ["htm", "html"]
}

这将在保存为TypeScript时启用美化，并且您可以在HTML选项中添加XML。

选择文本，右键单击选区，选择选项“命令调色板”:

打开一个新窗口。搜索“格式”，并根据需要选择有格式的选项。