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

Question

如何在Visual Studio代码（VSCode）中格式化代码在Visual Studio中，Windows上的Ctrl+ K+ F和Ctrl+ K+ 相当于D在Visual Studio代码编辑器中格式化或“美化”代码？

Answer 1

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

• 在Windows Shift+ Alt+上F

• 在Mac Shift+ Option+上F

• 在Ubuntu Ctrl+ Shift+上I

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

Answer 2

代码格式快捷方式：

Windows上的Visual Studio代码 - Shift+ Alt+F

MacOS上的Visual Studio代码 - Shift+ Option+F

Ubuntu上的Visual Studio代码 - 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文件。检查我的更新。