在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。到目前为止，语法应该被突出显示。 格式化文档(例如打开命令面板->“格式化文档”)

恢复格式化

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

“展示照片”

菜单文件→首选项→设置

"editor.formatOnType": true

当您输入分号时，它将被格式化。

或者，您也可以使用“editor”。formatOnSave”:真的。

虽然更改Visual Studio Code的默认行为需要扩展，但您可以在工作空间或用户级别覆盖默认行为。它适用于大多数受支持的语言(我可以保证HTML、JavaScript和c#)。

工作水平

好处

不需要延期吗 可以在团队之间共享吗

结果

.vscode /设置。Json是在项目根文件夹中创建的

如何?

进入:菜单文件→首选项→工作空间设置 添加并保存“编辑器”。formatOnType":设置为true。Json(它通过创建.vscode/settings覆盖您所从事的项目的默认行为。json文件)。

用户环境级别

好处

不需要扩展 个人开发环境tweeking来统治他们(设置:))

结果

用户的设置。Json被修改(见下面操作系统的位置)

如何?

进入:菜单文件→首选项→用户设置 添加或更改“editor.”的值。formatOnType": false到"编辑器。在用户设置.json中formatOnType": true

Visual Studio Code用户的设置。Json的位置是:

设置文件的位置取决于你的平台，用户设置文件位于这里:

Windows: % APPDATA % \ \用户\ settings.json代码 Mac: $HOME/Library/Application Support/Code/User/settings.json Linux: $ HOME / config /代码/ User /设置。工作空间设置文件位于项目的.vscode文件夹下。

更多细节可以在这里找到。

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。到目前为止，语法应该被突出显示。 格式化文档(例如打开命令面板->“格式化文档”)

恢复格式化

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

“展示照片”

代码格式化快捷方式:

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文件。看看我的更新。