如何在Visual Studio Code中格式化文件（使用快捷键）？

Question

如何在Visual Studio Code中使用快捷键和菜单格式化文件、项目文件夹和所有项目文件？

- Sergii

Answer 1

如果您使用的是Windows系统，请使用Shift + Alt + F将您的代码“美化”。

（这与Visual Studio中的Ctrl + K + D类似）

不过，您需要为每个单独的文件执行此操作。我不知道有一种同时格式化所有文件的方法。

- nick

---

我不在Windows上，但是Shift + Alt + F对我有效。 - Sergii

很好。你可以通过搜索(Shift+Ctrl+P)来查找“格式化文档”热键。我使用的是Windows系统，这就是我能说的了。@Sergii，你用的是什么系统？ - nick

macOS Sierra. - Sergii

好知道。出于某种原因，我以为Mac键盘没有“alt”键。 - nick

Answer 2

试试使用这些快捷键

Ctrl + Shift + i

- alehn96

---

我所有的设置都是默认的。我需要自定义一些东西吗？（...它不起作用） - Sergii

尝试安装EditorConfig扩展并重试 Ctrl+Shift+I。 - alehn96

如何安装它？ - Sergii

如果您知道该怎么做，我需要更多的细节，请...（我已经安装了，但它不能正常工作，可能是我安装了其他东西或者安装不正确....） - Sergii

请查看https://code.visualstudio.com/docs/getstarted/settings，并在“文件”>“首选项”>“键盘快捷方式”中的“格式化文档”中查看绑定的按键是什么。 - alehn96

Answer 3

@Sergii

从您的问题来看，您似乎正在寻找一种在VSCode中格式化整个代码的方法。如果是这样，像Prettier这样的VSCode扩展应该可以满足您列出的三个要求（文件|项目文件夹|所有项目文件）。但请记住，格式化所有项目文件有点不明确，您可能想具体说明格式化所有*.ts或所有*.js文件等。

以下内容可能对您有所帮助：

• 阅读 prettier 了解它提供整个代码库格式化的能力
• 将 prettier-vscode 扩展安装到VSCode中，并启用您想要的设置
• 或者，您可以使用CLI、npm构建脚本或通过构建任务中的API来使用prettier - 选择权在您手上。

我发现最有用的是将其作为git pre-commit 钩子添加到分段文件中。

我希望您能找到正确的方向。

SOJ

- SOJ

Answer 4

如果您无法使用这些命令格式化代码，可能是因为您没有设置格式化程序配置

我建议您使用Prettier（从扩展中安装）

1. 打开命令面板（CTRL + SHIFT + P - 在Windows上）
2. 搜索prettier：Create Configuration File
3. 按Enter并选择您的项目目录文件夹路径
4. 如果您可以看到一个.prettierc文件添加到您的目录中，则必须能够使用SHIFT + ALT + F格式化您的代码

+1. 您还可以将环境设置为在保存时自动格式化文件。
您可以在settings.json中编写此行：

"editor.formatOnSave": true

提示：再次使用命令面板，输入settings.json并选择
Preference: Open Settings (JSON) 来访问它。

- megurobi