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

我有一些格式很差的HTML代码，我想重新格式化。有没有一个命令，将自动重新格式化HTML代码在Sublime Text 2，使它看起来更好，更容易阅读?

当前回答

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

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

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

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

其他回答

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

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

享受。

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

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

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

只是一个一般的建议。我所做的自动整理我的HTML，是安装包HTML_Tidy，然后添加以下键绑定到默认设置(我使用):

{ "keys": ["enter"], "command": "html_tidy" },

每次输入都会运行HTML Tidy。这可能有缺点，我自己对Sublime很陌生，但它似乎做了我想要的:)

你不需要任何插件来做这件事。只需选择所有的行(CTRL+A)，然后从菜单中选择编辑→行→再缩进。如果你保存的文件扩展名包含HTML，如. HTML或.php，这将有效。

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

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

如果您的文件没有保存(例如，您只是将一个片段粘贴到一个新窗口)，您可以手动设置缩进语言，在选择重缩进选项之前，通过选择菜单视图→语法→所选语言。

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

推荐文章