如何在Visual Studio代码中格式化代码（VSCode）
在Visual Studio中用于格式化或“美化”Visual Studio代码编辑器中的代码的Windows上的Ctrl + K + F和Ctrl + K + D相当于什么？
代码格式可通过以下快捷方式在VS Code中获得：
- 在Windows上Shift + Alt + F
- 在Mac上Shift + Option + F
- 在Ubuntu的Ctrl + Shift + I上
或者，您也可以通过Ctrl + Shift + P （或Mac上的Command + Shift + P ）在编辑器中提供的searchfunctionfind快捷方式以及其他快捷方式，然后search格式文档 。
您可以在首选项 – >键盘快捷键中添加一个键盘绑定。
{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" } 或者像Visual Studio一样：
{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }
右键组合是shift + alt + f
代码格式快捷方式：
Windows上的VSCode – Shift + Alt + F
MacOS上的VSCode – Shift + Alt + F
Ubuntu上的VSCode – Ctrl + Alt + 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 formate any files based on extensions type. "beautify.JSfiles": [ "js", "json", "jsbeautifyrc", "jshintrc", "ts" ]
}
注：现在你可以自动格式打字稿检查我的更新
另外请注意，截至今天，格式化可用于这些语言：
-
XML（他们删除它 ，太多的错误） - HTML
- JSON
- JavaScript的
- 打字稿
- C＃
VS Code 1.6.1支持“ 格式化保存 ”，它将自动选取相关的已安装格式化扩展，并在每次保存时格式化整个文档。
通过设置启用“格式保存”
"editor.formatOnSave": true
有可用的键盘快捷键（VS代码1.7及以上）：
格式化整个文档 ： Shift + Alt + F
仅格式select ： Ctrl K + Ctrl F
在Ubuntu上它是Ctrl + Shift + 我
只需右键单击文本并select“格式代码”。
VS Code内部使用js-beautify，但是它缺less修改你想使用的样式的能力。 扩展名“美化”可以让你添加设置
出于某种原因， Alt + Shift + F在Mac VSC 1.3.1上不适用于我，实际上命令“Format Document”根本不起作用。 但命令格式化器工作得很好。
所以你可以使用Command + Shift + P键入Formatter，或者在Preferences / Keyboard Shortcuts Command + K Command + S中创build你自己的快捷方式，然后inputFormatter并添加你的快捷方式，例如： 
在Linux上按Ctrl + Shift + I。 在Windows上Alt + Shift + F 。 经过HTML / CSS / JS和VsCode 1.18.0testing。
对于其他语言，您可能需要安装特定的语言包。
Shift + Alt + f在1.17.2及以上版本中工作得很好。
在Visual Studio代码上， Shift + Alt + F正在做什么Ctrl + K + D在Visual Studio中执行的操作。
在我安装Mono for Mac OS X ， DNVM和DNX之前， C#的格式化快捷键并不适用于我。 在我安装Mono之前，自动格式化快捷键（ Shift + Alt + F ）只能用于.json文件。
在键盘绑定中，格式存在于Shift + Alt + f
但对于C ++来说，它不起作用（截至5月16日），所以现在切换到net beans编辑器。
在更改Visual Studio代码的默认行为需要扩展时，您可以覆盖工作区或用户级别的默认行为，并且适用于大多数支持的语言（我可以保证html，javascript，c＃）
工作区级别
优点
- 不需要扩展
- 可以在团队之间共享
成果
-
.vscode/settings.json是在项目根文件夹中创build的
如何？
-
转到： 文件 – >首选项 – >工作区设置
-
添加并保存
"editor.formatOnType": true为settings.json（通过创build.vscode / settings.json文件覆盖您所工作的项目的默认行为）。
用户环境级别
优点
- 不需要扩展
- 个人发展环境tweeking统治他们（设置:)）
成果
- 用户的
settings.json被修改（见下面的操作系统的位置）
如何？
-
转到： 文件 – >首选项 – >用户设置
-
在用户settings.json中添加或更改
"editor.formatOnType": false的值"editor.formatOnType": false为"editor.formatOnType": true
您的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文件夹在您的项目。
更多细节可以在这里find
只需安装Microsoft的Visual Studio Keymap 。 问题解决了。 ：p
默认情况下，这个键在HTML，CSS，JS文档上不适用于我。
search后，我发现这个stream行的插件JS-CSS-HTML格式化 程序安装后，安装133,796只是重新加载窗口，击中CTRL + SHIFT + F ，它的工作！
对于Fedora
- 点击
File– >Preferences– >Keyboard shortcuts。 - 在
Default Keyboard Shortcuts，search（ Ctrl + F ）为editor.action.format。
读我的"key": "ctrl+shift+i"
你也可以改变它。 请参阅@ kblok关于如何…的答案，或者如果您懒得向上滚动：
您可以在“首选项 – >键盘快捷键”中添加一个键盘绑定
{ "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
对于那些想要自定义要格式化的JavaScript文件，可以使用JSfiles属性上的任何扩展名，这同样适用于HTML。
{ "beautify.onSave": true, "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"], "beautify.HTMLfiles": ["htm", "html"] }
这样可以在保存为TypeScript的情况下进行美化，您可以将XML添加到HTML选项中。
必须先安装适当的插件（即XML，C＃等）。 在安装相关插件之前，格式化将不可用，并使用适当的扩展名保存该文件。
在vscode（ubuntu）中使用最简单的方法是：
select要用鼠标进行格式化的文本。
Right click并select"format selection"
不是这个，使用这个： 文件 – >首选项 – >工作区设置 “editor.formatOnType”：true
Visual Studio代码LINUX：
按Ctrl + [取消缩进代码Ctrl +]以进行批量缩进
在Mac中，使用Command + K，然后使用Command + F。
使用扩展..
在保存文件时启用代码自动格式化。
启动VS Code快速打开（ Ctrl + P ），粘贴下面的命令，然后按回车。
ext安装格式保存
https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save
如果你想定制格式文件的样式，你应该使用美化扩展。
请参阅此屏幕截图：
