如何在Visual Studio Code中格式化一个代码或文件

这是一个关于如何在Visual Studio Code或VScode中格式化代码的简短教程。

以下是在Visual中格式化代码的一系列步骤

第一种方法

• 在Visual Studio代码编辑器中，右键单击它

有两种方式可以格式化

• 格式化文档
• 格式化选择

Format Document:

它格式化整个文件，你也可以使用快捷键代码Shift+Alt+F 。

Format Selection:

你可以选择一个代码块或整个文件的代码，格式化所选的代码。

你可以使用Ctrl+K Ctrl+F 。

它在Windows中工作。

有时快捷键在Windows中不起作用。

• 在Mac OS中Shift + Option + F
• 在Linux和Unix中的Ctrl + Shift + I

这些是VSCode中的默认设置和快捷方式。

如何在VSCode中自定义格式设置？

你仍然可以在User 或Workspace 设置中自定义这些设置。

以下是改变默认设置的步骤：

• 进入文件菜单

• 选择首选项，并选择设置

• 下面的弹出窗口显示给用户

• 选择工作区标签

• 改变并勾选或取消勾选不同的设置

• 在保存设置时，它会将设置配置保存到.vscode/settings.json 。

另外，你可以在.vscode/settings.json 中更新以下设置。

settings.json

{
    "beautify.onSave": true,

    "editor.formatOnSave": true,
    "prettier.singleQuote": true,
    "editor.formatOnType": true,


// This property allows to beautify  extension files 
    "beautify.JSfiles": [
        "html",
        "json",
        "xml",
        "java",
        "ts"
    ]
}

这里是配置的设置

beautify.onSave:beautify 是一个默认安装的插件。editor.formatOnSave: 这也是在保存文件时进行格式化editor.formatOnType: 这是用semicolon 格式化断行。beautify.JSfiles: 这包含可用于格式化文件的文件扩展名列表。

结束语

总结一下，简短的教程如何在VSCode中格式化代码，改变默认设置，以及在Windows、Linux和Mac OS中的快捷命令。