Atom 编辑器中是否有用于格式化 HTML 的命令？答案

【问题标题】：Is there a command for formatting HTML in the Atom editor?Atom 编辑器中是否有用于格式化 HTML 的命令？
【发布时间】：2014-08-03 01:17:35
【问题描述】：

我想用一个命令格式化我的 HTML，就像我在 Visual Studio 中所做的那样，使用 Ctrl+K+D。这可能在Atom 中吗？如果没有，还有其他选择吗？

【问题讨论】：

标签： html atom-editor code-formatting

【解决方案1】：

Atom 没有用于格式化 html 的内置命令。但是，您可以安装 atom-beautify 包来获得此行为。

按 CTRL + SHFT + P 调出命令面板（CMD + SHFT + P 在 Mac 上）。
键入 Install Packages 以调出包管理器。
在搜索框中输入 beautify。
选择atom-beautify 或其他软件包之一，然后单击安装。
现在您可以使用 atom-beautify CTRL + ALT + B 的默认键绑定来美化您的 HTML (CTRL + OPTION + B 在 Mac 上）。

【讨论】：

相反的观点认为 Atom 拥有尽可能小的内核很酷，这样您就可以只安装必要的东西。即，Atom 可用于开发不需要那些格式化程序的非 Web 应用程序......
可能会有一些自定义安装，例如“Atom for Web 开发人员”，其中包含与该主题相关的下载次数最多的软件包。
atom-beautify，例如，截至目前有 685,927 次下载...过去 10 分钟内有 9 次下载，包括我的！
atom-beautify 充满了 bug。它不适用于真实的文档。如果存在内联元素，它会错误地在标题中添加换行符。从 JS Beautify 引擎切换到 Pretty Diff 引擎会让事情变得更糟——<dfn> 等内联元素被包裹在段落中。
我非常不喜欢atom-beautify 不使用个人缩进设置和/或.editorconfig 设置这一事实。它只是以其的方式格式化所有内容。

【解决方案2】：

有一些用于美化 HTML 的包。您可以通过搜索 Atom 包存档找到它们：

导航到the Atom site
点击包链接
在搜索框中输入“美化”

或者直接去这个链接：https://atom.io/packages/search?q=prettify

一旦你选择了一个你想要的包，你就可以通过使用命令来安装它：apm install [package name] 从命令行或使用首选项中的界面安装它。

安装软件包后，请按照其说明激活其功能。

【讨论】：

【解决方案3】：

https://github.com/Glavin001/atom-beautify

包括许多不同的语言，也包括 html..

【讨论】：

【解决方案4】：

你可以添加atom美包来格式化atom中的文字..

文件 --> 设置 --> 安装

然后你在搜索区输入atom-beautify。

然后点击打包按钮.. 选择 atom beuty 并安装它。

接下来你可以使用 (Alt + ctrl + b) 来格式化你的文本要么右键单击并选择美化编辑器内容

【讨论】：

【解决方案5】：

在 atom 编辑器中转到“包”。
然后在“包”视图中选择“设置视图”。
选择“安装包/主题”。
搜索“Atom Beautify”并安装它。

【讨论】：

【解决方案6】：

不仅仅是 HTML，使用 atom-beautify - Atom 包，您可以格式化 HTML、CSS、JavaScript、PHP、Python、Ruby、Java、C、C++、C#、Objective-C、CoffeeScript、TypeScript、Coldfusion 的代码、SQL 等）在 Atom 中只需几秒钟。

安装atom-beautify 包：

打开 Atom 编辑器。
按 Ctrl+Shift+P (Cmd+Shift+P on mac），这将打开 atom 命令面板。
搜索并点击Install Packages & Themes。出现安装包窗口。
搜索Beautify包，你会看到很多美化包。安装任何。我会推荐atom-beautify。
现在重新启动 atom 和 TADA！现在您可以进行快速格式化了。

使用atom-beautify 格式化文本：

转到要格式化的文件。
点击Ctrl+Alt+B（Ctrl+Option+B 在 Mac 上）。
您的文件在几秒钟内就被格式化了。

【讨论】：