使用扩展……

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

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

Ext安装格式保存

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

出于某种原因，Alt + Shift + F在Mac Visual Studio Code 1.3.1中对我不起作用，实际上“格式化文档”命令根本不起作用。但是command Formatter工作得很好。

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

请看一个例子:

选择文本，右键单击选区，选择选项“命令调色板”:

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

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

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

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

默认情况下，这个键在HTML、CSS和JavaScript文档上不起作用。

经过搜索，我找到了流行的插件JS-CSS-HTML Formatter，安装量为133,796。

安装后，只需重新加载窗口并按Ctrl + Shift + F，成功了!

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

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