对我来说，HTML Prettify的解决方案极其简单。我打开了HTML美化页面。

需要Sublime包管理器 遵循此处安装包管理器的说明 输入CMD+SHIFT+P打开菜单 类型修饰 选择菜单中的HTML美化选项

繁荣。完成了。看起来不错

简单地去

编辑->标签->自动格式化文档标签

HTML-CSS-JS美化-手下来最好的。

安装包控制 ⌘+ left shift + p(或ctrl + alt + left shift + p) -> Package Control:安装包 进入HTML-CSS-JS Prettify 安装节点 重新启动Sublime文本

享受。

我使用整齐一起自定义构建系统来美化HTML。

我有HTMLTidy。在我的Packages/User/目录下sublime-build:

{
  "cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}

与tidy_config.cfg文件在同一目录下:

indent: auto
tab-size: 4
show-warnings: no
write-back: yes
quiet: yes
indent-cdata: yes
tidy-mark: no
wrap: 0

选择build system并按CTRL+B或CMD+B重新格式化文件内容。一个小问题是ST2不会自动重新加载文件，因此要查看结果，您必须切换到其他文件并返回(或切换到其他应用程序并返回)。

在Mac上，我使用macports来安装tidy，在Windows上，你必须自己下载它，并在构建系统中指定工作目录，tidy所在的位置:

"working_dir": "c:\\HTMLTidy\\"

或将其添加到PATH中。

我还没有权限发表评论，所以这只是关于@peter上述回答的补充信息。

我发现HTML没有按照预期对齐，如果IE的条件注释在标题中不是完全内联的，例如冲到左边:

<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

对我来说，HTML Prettify的解决方案极其简单。我打开了HTML美化页面。

需要Sublime包管理器 遵循此处安装包管理器的说明 输入CMD+SHIFT+P打开菜单 类型修饰 选择菜单中的HTML美化选项

繁荣。完成了。看起来不错