如何在Visual Studio代码（VSCode）中设置代码格式

在Visual Studio中，Windows 上Ctrl+ K+ F和Ctrl+ K+ 的等效D格式是什么，或在Visual Studio代码编辑器中“美化”代码？

通过以下快捷方式，Visual Studio Code中提供了代码格式：

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

或者，您可以通过Ctrl+ Shift+ P（在Mac上为Command+ Shift+ P）在编辑器中提供的“命令面板”找到快捷方式以及其他快捷方式，然后搜索格式文档。

代码格式化快捷方式：

Windows上的Visual Studio代码- Shift+ Alt+F

MacOS上的Visual Studio代码- Shift+ Option+F

Ubuntu上的Visual Studio代码- 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文件。检查我的更新。

您可以在菜单文件 → 首选项 → 键盘快捷方式中添加快捷键。

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

或像Visual Studio一样：

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

1. 右键点击文件
2. 从菜单中选择格式文档：
   • 视窗： Alt Shift F
   • Linux： Alt Shift I
   • 苹果系统： ⌥ ⇧ F

右键组合为Shift+ Alt+ F。

对于Fedora

1. 单击File-> Preferences-> Keyboard shortcuts。
2. 在下Default Keyboard Shortcuts，用（Ctrl+ F）搜索editor.action.format。

我的读 "key": "ctrl+shift+i"

您也可以更改它。有关如何...或如果您有点懒惰向上滚动，请参考以下答案：

您可以在“首选项->键盘快捷方式”中添加键盘绑定

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

或像Visual Studio一样：

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }

请注意：cmd密钥仅适用于Mac。对于Windows和Fedora（Windows键盘）使用Ctrl

编辑：

根据Visual Code版本，1.28.2这就是我所发现的。

editor.action.format不复存在。现在已由editor.action.formatDocument和代替editor.action.formatSelection。

键入editor.action.format搜索框查看现有的快捷方式。

要更改组合键，请按照下列步骤操作：

1. 点击editor.action.formatDocument或editor.action.formatSelection
2. 笔形图标出现在左侧-单击它。
3. 出现一个弹出窗口。按所需的组合键，然后按Enter。

在Linux上它是Ctrl+ Shift+ I。

在Windows上，Alt+ Shift+ F。经过HTML / CSS / JavaScript和Visual Studio Code 1.18.0的测试。

对于其他语言，您可能需要安装特定的语言包。

Visual Studio Code 1.6.1支持“ 保存时格式化 ”，该格式将自动选择相关的已安装格式化程序扩展名，并在每次保存时对整个文档进行格式化。

通过设置启用“保存时格式化”

"editor.formatOnSave": true

并且有可用的键盘快捷键（Visual Studio Code 1.7及更高版本）：

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

仅格式选择：Ctrl+ K，Ctrl+F

在Ubuntu上它的Ctrl+ Shift+ I。

只需右键单击文本，然后选择“格式代码”。

js-beautify虽然Visual Studio Code在内部使用，但是它无法修改您希望使用的样式。扩展名“美化”使您可以添加设置。

菜单文件 → 首选项 → 设置

"editor.formatOnType": true

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

或者，您也可以使用"editor.formatOnSave": true。

Shift+ Alt+ F在1.17.2及更高版本中的工作效果还不错。

出于某种原因，Alt+ Shift+ F并没有为我工作在Mac Visual Studio代码1.3.1，居然命令“格式文档”完全不奏效。但是命令格式化程序效果很好。

因此，您可以使用Command+ Shift+ P并键入Formatter，或在菜单文件 → 首选项 → 键盘快捷键 → Command+ K Command+中创建自己的快捷方式，S然后键入Formatter并添加您的快捷方式。

看一个例子：

在Visual Studio中格式化代码。

我试图在Windows 8中格式化。

只需按照下面的截图。

1. 单击顶部菜单栏上的“查看”，然后单击“命令面板”。

   

2. 然后将在需要输入格式的地方出现一个文本框

   Shift+ Alt+F

   

在Visual Studio代码，Shift+ Alt+ F是做什么Ctrl+ K+ D在Visual Studio做。

在我为Mac OS X，DNVM和DNX安装Mono之前，C＃中的格式快捷方式对我不起作用。

在安装Mono之前，自动格式化快捷键（Shift+ Alt+ F）仅适用于.json文件。

在Mac上，Shift+ Alt+ F为我工作。

您始终可以在菜单中检查按键绑定：

菜单文件 → 首选项 → 键盘快捷键，并按关键字“格式”过滤。

虽然更改Visual Studio Code的默认行为需要扩展，但是您可以在工作区或用户级别覆盖默认行为。它适用于大多数受支持的语言（我可以保证HTML，JavaScript和C＃）。

工作空间级别

好处

• 不需要扩展
• 可以在团队之间共享

结果

• .vscode/settings.json 在项目根文件夹中创建

如何？

1. 转到：菜单文件 → 首选项 →工作区设置

2. 添加并保存"editor.formatOnType": true到settings.json（通过创建.vscode / settings.json文件来覆盖您正在处理的项目的默认行为）。

   

用户环境级别

好处

• 不需要扩展
• 个人发展环境tweeking统治他们（设置：）

结果

• 用户的settings.json已修改（请参见下面的操作系统位置）

如何？

1. 转到：菜单文件 → 首选项 → 用户设置

2. 在用户settings.json中添加或更改"editor.formatOnType": falseto 的值"editor.formatOnType": true

您的Visual Studio Code用户的settings.json位置是：

设置文件的位置取决于您的平台，用户设置文件位于以下位置：

• 视窗： %APPDATA%\Code\User\settings.json
• 苹果电脑： $HOME/Library/Application Support/Code/User/settings.json
• Linux：$HOME/.config/Code/User/settings.json工作空间设置文件位于项目中的.vscode文件夹下。

可以在这里找到更多详细信息。

默认情况下，此键不适用于HTML，CSS和JavaScript文档。

搜索之后，我发现了受欢迎的插件JS-CSS-HTML Formatter，其安装次数为133,796。

安装后，只需重新加载Windows并点击Ctrl+ Shift+ F，它就可以了！

选择文本，右键单击所选内容，然后选择选项“命令面板”：

新的窗口打开。搜索“格式”，然后选择根据要求具有格式的选项。

只需安装Microsoft提供的Visual Studio Keymap。问题解决了。：p

在Mac中，使用⌘+ K，然后使用⌘+ F。

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

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

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

如果要自定义格式文档的样式，则应使用Beautify扩展。

参考此屏幕截图：

您必须先安装适当的插件（即XML，C＃等）。

在您安装了相关的插件并使用适当的扩展名保存文件之前，格式化将不可用。

我在Visual Studio Code（Ubuntu）中使用的最简单方法是：

选择要用鼠标格式化的文本。

右键单击并选择“格式选择”。

不是这个。用这个：

菜单文件 → 首选项 → 工作区设置， “ editor.formatOnType”：true

使用扩展程序...

保存文件时启用代码的自动格式化。

启动Visual Studio代码并快速打开（Ctrl+ P），粘贴以下命令，然后按Enter。

ext安装时保存格式

https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save

Linux上的Visual Studio代码：

Ctrl+ [取消缩进代码块并

Ctrl+ ]进行整体压痕