Question

相当于 Ctrl + K + F 和 Ctrl + K + D ，或者＆＃34;美化＆＃34; Visual Studio代码编辑器中的代码？

Answer 1

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

在Windows上 Shift + Alt + F
在Mac Shift + 选项 + F
在Ubuntu Ctrl + Shift + I

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

Answer 2

代码格式快捷方式：

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

MacOS上的Visual Studio代码 - Shift + 选项 + F

Ubuntu上的Visual Studio代码 - Ctrl + Shift + I

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

保存文件时的代码格式：

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

如果要在保存时自动格式化内容，请在Visual Studio代码的工作区设置中添加以下代码段。

菜单文件→偏好设置→工作区设置

{
    // 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文件。检查我的更新。

Answer 3

您可以在菜单文件→偏好设置→键盘快捷方式中添加键绑定。

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

或 Visual Studio ，如：

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

Answer 4

右键组合为 Shift + Alt + F 。

Answer 5

右键单击文件
从菜单框中选择格式文档（ Alt + Shift + F ）。

Answer 6

在Linux上，它是 Ctrl + Shift + I 。

在Windows上，它是 Alt + Shift + F 。使用HTML / CSS / JavaScript和Visual Studio Code 1.18.0进行测试。

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

Answer 7

对于Fedora

点击File - ＆gt; Preferences - ＆gt; Keyboard shortcuts。
在Default Keyboard Shortcuts下，为editor.action.format搜索（ Ctrl + F ）。

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

您也可以更改它。请参阅this answer了解如何......或者如果您感觉有点懒，可以向上滚动：

您可以在“首选项 - ＆gt;键盘快捷键”
中添加键绑定
{ "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以查看现有的快捷方式。

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

点击editor.action.formatDocument或editor.action.formatSelection

左侧显示一个类似笔的图标 - 单击它。

出现一个弹出窗口。按所需的组合键，然后按enter键。

Answer 8

Visual Studio代码 1.6.1 支持＆＃34; 保存时格式＆＃34;它将自动获取相关的已安装格式化程序扩展，并在每次保存时格式化整个文档。

启用＆＃34;格式化保存＆＃34;通过设置

"editor.formatOnSave": true

还有可用的键盘快捷键（Visual Studio Code 1.7 及以上）：

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

仅限格式选择： Ctrl + K ， Ctrl + F < / p>

Answer 9

在Ubuntu上它 Ctrl + Shift + I 。

Answer 10

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

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

Answer 11

出于某种原因 Alt + Shift + F 在Mac Visual Studio Code 1.3.1上对我不起作用，并且实际上是命令＆＃34;格式文档＆＃34;根本不工作。但命令 Formatter 工作得非常好。

所以你可以使用 Command + Shift + P 并输入 Formatter 或在菜单中创建自己的快捷方式文件→偏好设置→键盘快捷键→命令 + K 命令< / kbd> + S 然后输入 Formatter 并添加快捷方式。

查看示例：

Answer 12

Shift + Alt + F 在1.17.2及以上版本中工作正常。

Answer 13

在Visual Studio代码中， Shift + Alt + F 正在执行 Ctrl + K + D 正在Visual Studio中进行。

Answer 14

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

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

Answer 15

在Mac上， Shift + Alt + F 适用于我。

您可以随时检查菜单中的键绑定：

菜单文件→偏好设置→键盘快捷键并按关键字'格式'过滤。

Answer 16

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

工作区级别

<强>优势

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

<强>果

.vscode/settings.json在项目根文件夹

如何？

转到：菜单文件→偏好设置→工作区设置
添加并保存"editor.formatOnType": true到settings.json（通过创建.vscode / settings.json文件覆盖您所处理项目的默认行为）。

用户环境级别

<强>优势

不需要延期
个人发展环境tweeking统治所有（设置:)）

<强>果

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

如何？

转到：菜单文件→偏好设置→用户设置
在用户设置中添加或更改"editor.formatOnType": false到"editor.formatOnType": true的值.json

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

根据您的平台设置文件位置，用户设置文件位于此处：

Windows：%APPDATA%\Code\User\settings.json
Mac：$HOME/Library/Application Support/Code/User/settings.json
Linux：$HOME/.config/Code/User/settings.json工作区设置文件位于项目的.vscode文件夹下。

可以找到更多详细信息here。

Answer 17

在Visual Studio中格式化代码。

我尝试在Windows 8中进行格式化。

请按照以下屏幕截图进行操作。

单击顶部菜单栏上的View，然后单击Command Palette。
然后会出现一个文本框，我们需要输入 Format

Shift + Alt + F

Answer 18

默认此密钥在HTML，CSS和JavaScript文档中对我不起作用。

搜索之后，我找到了 133,796次安装的热门插件JS-CSS-HTML Formatter。

安装后只需重新加载窗口并点击 Ctrl + Shift + F ，它有效！

Answer 19

菜单文件→偏好设置→设置

"editor.formatOnType": true

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

Answer 20

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

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

Answer 21

只需安装Microsoft Visual Studio Keymap即可。问题解决了。：P

Answer 22

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

Answer 23

如果您想自定义格式文档的样式，则应使用美化扩展名。

请参阅此屏幕截图：

Answer 24

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

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

Answer 25

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

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

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

Answer 26

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

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

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

Answer 27

不是这个。使用此：

菜单文件→偏好设置→工作区设置， “editor.formatOnType”： true

Answer 28

Linux上的Visual Studio代码：

Ctrl + [到unindent代码块和

Ctrl + ] 进行大规模缩进

Answer 29

使用扩展程序...

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

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

ext install format-on-save

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

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

29 个答案:

工作区级别

用户环境级别