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

在 Visual Studio 中，Windows 上的Ctrl + K + F和Ctrl + K + D等效于 Visual Studio 代码编辑器中的格式化或 “美化” 代码？

code-formatting visual-studio-code

答案

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

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

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

代码格式快捷方式：

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 formate any files based on extensions type. 
"beautify.JSfiles": [
    "js",
    "json",
    "jsbeautifyrc",
    "jshintrc",
    "ts"
  ] 
}

注意：现在您可以自动格式化 typescript 文件检查我的更新

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

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

或Visual Studio如：

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