协慌网

我有一些格式不佳的 HTML 代码，我想重新格式化。是否有一个命令会自动重新格式化 Sublime Text 2 中的 HTML 代码，使其看起来更好，更容易阅读？

你不需要任何插件来做到这一点。只需选择所有行（ Ctrl A ），然后从菜单中选择 Edit→Line→Reindent。如果您的文件使用包含.html或.php等.html的扩展名保存，则此方法有效。

如果经常这样做，您可能会发现此键映射很有用：

{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }

如果您的文件未保存（例如，您只是将代码段粘贴到新窗口），则可以在选择 “重新启动” 选项之前，通过选择菜单 “视图”→“语法”→ language of choice语言” 来手动设置缩进language of choice 。

在 Sublime 中有六种左右格式化 HTML 的方法。我已经测试了每个最受欢迎的插件（请参阅我在博客上写的详细信息），但这里是一些最受欢迎的选项的快速概述：

重新命令

优点：

• 使用 Sublime 发货，因此无需安装插件

缺点：

• 不删除额外的空行
• 无法处理缩小的 HTML，具有多个打开标记的行
• 无法正确格式化<script>块

标签

优点：

• 支持 ST2 / ST3
• 删除多余的空白行
• 没有二进制依赖

缺点：

• PHP 标签上的扼流圈
• 不正确处理<script>块

HTMLTidy

优点：

• 处理 PHP 标签
• 一些调整格式的设置

缺点：

• 需要 PHP（回退到 Web 服务）
• 仅限 ST2
• 弃？

HTMLBeautify

优点：

• 支持 ST2 / ST3
• 简单而且没有 binaray 依赖
• 支持 OS X，Win 和 Linux

缺点：

• 使用内联注释略微扼杀
• 是否扩展最小化 / 压缩代码

HTML-CSS-JS Prettify

优点：

• 支持 ST2 / ST3
• 处理 HTML，CSS，JS
• 与 Sublime 菜单的完美整合
• 高度可定制
• 每个项目设置
• 保存选项格式

缺点：

• 需要 Node.js
• 对嵌入式 PHP 不太好

哪个最好？

HTML-CSS-JS Prettify 是我书中的赢家。很多很棒的功能，没什么可抱怨的。

我能找到的唯一包是Tag 。

您可以使用包控件安装它。 https://sublime.wbond.net

安装包控件后。转到包控件（ 首选项 - > 包控件 ），然后输入install ，点击回车 。然后键入tag并按Enter 键 。

安装 Tag 后，突出显示文本并按快捷键Ctrl + Alt + F.