协慌网

登录 贡献 社区

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

在 Visual Studio 中,Windows 上的Ctrl + K + FCtrl + K + D等效于 Visual Studio 代码编辑器中的格式化或 “美化” 代码?

答案

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" }