如何使用Sublime Text 2重新格式化HTML代码？

 

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

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

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

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

如果您的文件没有保存（例如，您只是将代码段粘贴到新窗口中），则可以通过在选择重新加载选项之前选择菜单视图→语法→所选语言来手动设置缩进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美化

    优点：

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

    • 缺点：

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

    • 哪个最好？

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

    我唯一能找到的软件包是Tag。

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

    安装包控制之后。 转到包控制（首选项 - >包控制），然后键入install ，回车。 然后输入tag并回车。

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

    链接地址: http://www.djcxy.com/p/15325.html

    上一篇: How do I reformat HTML code using Sublime Text 2?

    下一篇: standard font to a website?