logo标签列表

如何在 Windows 上使用 Visual Studio Code 格式化代码

code-formattingvisual-studio-code
35

如何在最新更新的 Windows 版本中使用 Visual Studio Code 中格式化代码。

我尝试了 Ctrl+ K, Ctrl + D，但都没有起作用...

我还尝试了 Shift + Alt + F，也没有效果。

我试过下面的解决方案，但并不是这个问题：

如何在 Visual Studio Code 中格式化代码？

我现在不在Windows机器上，所以不能保证100%。但是，你可以自己找到，方法是：首选项 -> 键盘快捷键，搜索editor.action.format。 - seN
1
可能是[如何在Visual Studio Code（VSCode）中格式化代码]的重复问题(https://dev59.com/oF0a5IYBdhLWcg3wvrAy)。 - Harry
@Harry：不，其实不是。这个问题（以及它的回答）有未声明的假设。就像“仅适用于JavaScript、HTML和JSON”（默认支持）。而我认为这个问题也有未明示的假设。类似于“针对PHP代码”（或“C#代码”，或“C++代码”）。 - Peter Mortensen
6个回答
43
如果您正在使用PHP，应下载PHP扩展格式代码。
按F1并输入：
ext install PHP Code Format

那么 Shift + Alt + F 就会起作用。

你能提供扩展的确切名称吗（因为提供的词语不够具体，无法进行搜索）？最好还能提供一个链接。 - Peter Mortensen
11
您还可以选择要格式化的代码，右键单击，找到格式化代码菜单项，它应该旁边列有键盘命令。
默认情况下，它应该是 Shift + Alt/Option + F。
1
你提到 Visual Studio Code 是因为我找不到你说的东西吗？ - user5827623
2
这个快捷键（Shift + Alt + F）对我有效。他们应该将它添加到“编辑”之下或者其他地方。 - abdullam
7

只需使用 Ctrl + Shift + I
或
在文档上右键单击，然后点击格式化文档

7
如果涉及到 JavaScript、JSON、CSS、Sass 和 HTML，那么没有比 Beautify 扩展更好的方式了。它简单易用且十分有用！
安装方法在此处有良好的图示说明（避免内容重复）：如何使用 Visual Studio Code 格式化带有 HTML 标记的 PHP 文件？ 对于其他语言，您需要添加相应的扩展并设置按键绑定（需要获取适当的命令并将按键绑定添加到 keybindings.json 中）。我已在上面的链接中解释过。始终要仔细阅读扩展的文档。在那里，您可以找到所有可能的配置等信息。
针对特定语言，您可以在Visual Studio Code的扩展市场中搜索。只需输入“Beautify”，即可看到不同语言的各种Beautify扩展。此外，您可以使用格式化关键字，例如PHP格式化等。
另外，您还可以使用Visual Studio Code的集成格式化工具。通常只需右键单击并选择格式化文档，即可格式化整个文档，也可以仅格式化所选内容。
以下是格式化整个文档的快捷方式：
在Windows上：Alt + Shift + F 在Mac上：Shift + Option + F 在Ubuntu上：Ctrl + Shift + I
1
如abdullam在他的评论中提到的那样，对我有效的快捷键是Shift + Alt + F。
（被接受的答案对我无效。我正在使用Mac上的Visual Studio Code。我找不到上面提到的扩展即ext install PHP Code Format。）
0

在Visual Studio Code中格式化任何文档都需要安装一个格式化插件，比如由Esben Petersen开发的Prettier - Code formatted。

  • 从Visual Studio Code的Extensions窗口中安装插件：Prettier - Code formatter。

    • 您可以从左侧对齐的侧边栏打开扩展窗口，或者只需按下 Ctrl + Shift + X

  • 安装后，您可以尝试以下操作：

    • 右键单击并选择Format Document；或者
    • 在Windows上尝试Alt+Shift+F

现在，文档应该已经被正确格式化了。

PS：您可以通过以下步骤将“Prettier - Code formatted”设置为Visual Studio Code的默认格式化程序：
1. 通过按下Ctrl + ,打开设置，并搜索editor.defaultFormatter。 2. 从列表中选择esbenp.prettier-vscode并保存。 3. 现在，默认情况下，使用上述步骤格式化任何文档都将使用Prettier作为默认格式化程序。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接