如何在Visual Studio code (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)，然后搜索格式文档。

对于未保存的片段

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

恢复格式化

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

“展示照片”

2015-04-30 16:43:35

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

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

或者像Visual Studio那样:

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

2015-05-01 13:49:55

在Visual Studio Code中，Shift+Alt+F的作用就像在Visual Studio中Ctrl+K+D的作用一样。

2015-06-28 16:42:12

右键组合为Shift + Alt + F。

2015-07-09 10:57:04

在Linux上是Ctrl + Shift + I。

在Windows上是Alt + Shift + F.测试与HTML/CSS/JavaScript和Visual Studio Code 1.18.0。

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

2015-09-11 08:36:15

在我安装Mono for Mac OS X、DNVM和DNX之前，c#中的格式快捷方式对我不起作用。

在我安装Mono之前，自动格式化快捷键(Shift + Alt + F)只适用于.json文件。

2015-11-02 14:18:20

在Ubuntu上是Ctrl + Shift + I。

2015-12-13 06:57:43

代码格式化快捷方式:

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

2016-05-25 06:25:12

不是这个。用这个:

菜单文件→首选项→工作空间设置 “编辑器。formatOnType”:真正的

2016-07-27 03:37:21

对于Fedora

单击文件->首选项->键盘快捷方式。在默认键盘快捷键下，搜索(Ctrl + F) editor.action.format。

我的是“键”:“ctrl+shift+i”

你也可以改变它。参考这个关于如何……的答案。或者如果你觉得有点懒，就向上滚动:

您可以在“首选项->键盘快捷键”中添加一个键绑定 {“关键”:“cmd + k cmd + d”,“命令”:“editor.action。格式”} 或者像Visual Studio那样: {"key": "ctrl+k ctrl+d"， "command": "editor.action. "格式”}

请注意: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。

2016-08-05 05:26:55

使用扩展……

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

启动Visual Studio Code和快速打开(Ctrl + P)，粘贴以下命令，并按Enter。

Ext安装格式保存

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

2016-08-17 07:44:41

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

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

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

2016-09-03 21:54:36

虽然更改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文件夹下。

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

2016-09-08 08:13:13

您必须首先安装适当的插件(即XML、c#等)。

直到你安装了相关的插件，并使用适当的扩展名保存了文件，格式化才可用。

2016-09-08 20:34:00

Linux上的Visual Studio代码:

按Ctrl +[取消缩进代码块和

按Ctrl +]使一个质量缩进

2016-09-20 14:43:26

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

Visual Studio Code内部使用js-beautify，但是它缺乏修改你想要使用的样式的能力。扩展“美化”让你添加设置。

2016-09-30 11:15:02