我使用整齐一起自定义构建系统来美化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中。

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

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

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

我使用整齐一起自定义构建系统来美化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中。

我唯一能找到的包裹就是泰格。

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

安装包控制后。进入包控制(首选项->包控制)，然后输入install，按enter。然后输入标签并按enter键。

安装标签后，突出显示文本并按快捷键Ctrl+Alt+F。

Sublime中有六种左右格式化HTML的方法。我已经测试了每个最流行的插件(详见我在博客上写的文章)，但这里是一些最流行的选项的快速概述:

重新缩进命令

优点:

与Sublime一起发布，所以不需要安装插件

缺点:

不删除额外的空行 不能处理带有多个打开标记的迷你HTML 不能正确格式化<script>块

Tag

优点:

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

缺点:

PHP标记阻塞 不能正确处理<script>块

HTMLTidy

优点:

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

缺点:

需要PHP(退回到web服务) ST2只 放弃了吗?

HTMLBeautify

优点:

支持ST2 / ST3 简单且没有二进制依赖 支持OS X, Win和Linux

缺点:

内联注释有点令人窒息 是否扩展最小化/压缩代码

HTML-CSS-JS美化

优点:

支持ST2 / ST3 处理HTML, CSS, JS 与Sublime的菜单有很好的集成 高度可定制的 项目的设置 保存格式选项

缺点:

需要node . js 对于嵌入式PHP来说不是很好

哪个是最好的?

在我看来，HTML-CSS-JS Prettify是赢家。有很多很棒的功能，没什么可抱怨的。

简单地去

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