如何在Visual Studio代码(VSCode)中格式化代码

Question

在Visual Studio中,Windows上的Ctrl+ K+ F和Ctrl+ K+ 相当于D在Visual Studio代码编辑器中格式化或"美化"代码？

Answer 1

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

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

或者,您可以通过编辑器中使用Ctrl+ Shift+ P(或Mac上的Command+ Shift+ P)提供的搜索功能找到快捷方式以及其他快捷方式,然后搜索格式文档.

Answer 2

代码格式快捷方式:

Windows上的VSCode - Shift+ Alt+F

MacOS上的VSCode - Shift+ Option+F

Ubuntu上的VSCode - Ctrl+ Shift+I

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

保存文件时的代码格式:

Visual Studio代码允许用户自定义默认设置.

如果您想在保存的同时自动格式化您的内容,请在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

1. 右键单击该文件
2. 从菜单框中选择格式化文档(Alt+ shift+ f).

Answer 5

正确的组合键是Shift+ Alt+ F.

Answer 6

对于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键.

Answer 7

在Linux上它是Ctrl+ Shift+ I.

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

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

Answer 8

VS Code 1.6.1 支持" 保存格式 ",它将自动获取相关的已安装格式化程序扩展,并在每次保存时格式化整个文档.

通过设置启用"保存格式"

"editor.formatOnSave": true

并且有可用的键盘快捷键(VS Code 1.7及以上版本):

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

仅限格式选择:CtrlK+CtrlF

Answer 9

在Ubuntu上它是Ctrl+ Shift+ I.

Answer 10

只需右键单击文本,然后选择"格式代码".

VS Code在内部使用js-beautify,但它缺乏修改你想要使用的样式的能力.扩展名"美化"可让您添加设置

Answer 11

由于某些原因,Alt+ Shift+ F在Mac VSC 1.3.1上对我不起作用,实际上命令"格式文档"根本不起作用.但命令Formatter工作得很好.

因此,您可以使用Command+ Shift+ P并键入Formatter或在Preferences/Keyboard Shortcuts Command+ K Command+中创建自己的快捷方式,S然后键入Formatter并添加快捷方式,请参阅示例:

Answer 12

__CODE__+ __CODE__+ __CODE__在1.17.2及以上版本中工作正常.

Answer 13

文件 - >首选项 - >设置

"editor.formatOnType": true

当你输入分号时,它将被格式化

Answer 14

在Visual Studio中格式化代码.

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

只需按照截图即可.

步骤1.单击顶部菜单栏上的视图,然后单击Command Pallete.

2. 然后Textbox将出现在我们需要类型Format的地方

移位+ Alt + F

Answer 15

在Visual Studio Code上,Shift+ Alt+ F正在执行Ctrl+ K+ D在Visual Studio上执行的操作.

Answer 16

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

在安装Mono之前,自动格式快捷键(Shift+ Alt+ F)仅适用于.json文件.

Answer 17

在Mac上__CODE__ 为我工作.

您可以随时检查菜单中的键绑定:
__CODE__并按关键字"格式"进行过滤.

Answer 18

虽然更改Visual Studio代码的默认行为需要扩展,但您可以覆盖工作区或用户级别的默认行为,并适用于大多数支持的语言(我可以保证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位置是:

设置文件位置根据您的平台,用户设置文件位于:

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

更多细节可以在这里找到

Answer 19

默认这个键对我来说不适用于HTML,CSS,JS文档.

搜索后我发现这个流行的插件JS-CSS-HTML Formatter在安装 后安装了133,796只需重新加载windows并点击CTRL+ SHIFT+ F就可以了!

Answer 20

选择文本,右键单击选择并选择"命令调色板"选项

打开一个新窗口,搜索"格式"并根据需要选择具有格式的选项.

Answer 21

Linux 上的 Visual Studio 代码：

Ctrl+[取消缩进代码块并且

Ctrl+]进行大量压痕

Answer 22

只需安装Microsoft的Visual Studio Keymap即可.问题解决了.:p

Answer 23

在Mac中,使用⌘+ K然后⌘+ F.

Answer 24

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

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

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

Answer 25

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

请参阅此屏幕截图:

Answer 26

不是这个。用这个：

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

Answer 27

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

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

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

Answer 28

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

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