如何在 Visual Studio Code（热键）中格式化文件？答案

【问题标题】：How to format file in Visual Studio Code (hotkeys)?如何在 Visual Studio Code（热键）中格式化文件？
【发布时间】：2017-12-12 17:33:56
【问题描述】：

如何格式化文件 |项目文件夹 | Visual Studio Code 中的所有项目文件（使用热键和使用菜单）？

【问题讨论】：

标签： angular typescript visual-studio-code code-formatting hotkeys

【解决方案1】：

如果您使用的是 Windows，请使用 Shift + Alt + F 使您的代码“漂亮”。

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

不过，您必须为每个单独的文件执行此操作。我不知道一次格式化所有文件的方法。

【讨论】：

我不在 Windows 上，但 Shift + Alt + F 适合我。
酷。您可以通过搜索 (Shift+Ctrl+P) 找到“格式化文档”的热键。我在 Windows 上，所以这就是我可以与之交谈的内容。你在运行什么@Sergii？
macOS Sierra.
很高兴知道。出于某种原因，我认为 mac 键盘没有 alt 键。

【解决方案2】：

试试这个热键

Ctrl + Shift + i

【讨论】：

我所有的东西都是默认的。我应该定制一些东西吗？（......它不起作用）
尝试安装 editorconfig 扩展并重试 Ctrl+Shift+I
如何安装？
如果您知道怎么做，我需要更多详细信息...（我已经安装但它不起作用，可能是我安装了其他东西或不正确...）
查看code.visualstudio.com/docs/getstarted/settings 并在“文件”>“首选项”>“格式文档中的键盘快捷键”中查看键绑定是什么

【解决方案3】：

@Sergii

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

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

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

我发现最有用的一个是将它添加为暂存文件的 git pre-commit 挂钩。

我希望以上内容为您指明正确的方向。

SOJ

【讨论】：