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

在Visual Studio中，Windows上的Ctrl + K + F和Ctrl + K + D用于格式化，或在Visual Studio代码编辑器中“美化”代码的等效功能是什么?

当前回答

对于那些想要自定义要格式化JavaScript文件的人，可以使用JSfiles属性上的any扩展名。这同样适用于HTML。

{
    "beautify.onSave": true,
    "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
    "beautify.HTMLfiles": ["htm", "html"]
}

这将在保存为TypeScript时启用美化，并且您可以在HTML选项中添加XML。

其他回答

出于某种原因，Alt + Shift + F在Mac Visual Studio Code 1.3.1中对我不起作用，实际上“格式化文档”命令根本不起作用。但是command Formatter工作得很好。

因此，您可以使用命令+ Shift + P并键入格式化程序或在菜单文件→首选项→键盘快捷键→命令+ K命令+ S中创建自己的快捷方式，然后键入格式化程序并添加快捷方式。

请看一个例子:

如果你想自定义格式文档的样式，你应该使用Beautify扩展。

请看这张截图:

在Visual Studio code中，可以通过以下快捷方式使用代码格式化:

在Windows上Shift + Alt + F 在Mac上Shift + Option + F Linux下按Ctrl + Shift + I

或者，你可以找到快捷方式，以及其他快捷方式，通过子菜单视图/命令面板，也在编辑器中提供Ctrl +Shift+ P(或Mac上的Command +Shift+ P)，然后搜索格式文档。

对于未保存的片段

打开命令面板(Win: F1或Ctrl+Shift+P) 找到“更改语言模式” 选择语言，例如json。到目前为止，语法应该被突出显示。格式化文档(例如打开命令面板->“格式化文档”)

恢复格式化

选择文本命令面板->连接行

“展示照片”

在Linux上是Ctrl + Shift + I。

在Windows上是Alt + Shift + F.测试与HTML/CSS/JavaScript和Visual Studio Code 1.18.0。

对于其他语言，可能需要安装特定的语言包。

只需安装微软的Visual Studio Keymap (Visual Studio Keymap for Visual Studio Code)。问题解决了。: p

推荐文章