HTML代码格式化的方法

发布时间：2020-08-29 11:02:19 来源：亿速云阅读：185 作者：小新栏目： web开发

小编给大家分享一下HTML代码格式化的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

HTML代码可以通过sublime中的内置命令Reindent对代码格式化，还可以安装HTML-CSS-JS Prettify插件对代码格式化

有时候我们将别人的代码复制过来的时候发现代码排列的非常杂乱无章，无法去阅读代码，

HTML代码格式化的方法

（1）Sublime的内置Reindent命令

打开路径：Edit-->Line-->Reindent

例：

HTML代码格式化的方法

但是sublime自带的重新缩进功能较为单一，仅仅是保证缩进正常了而已。而对于代码中写法不规范的地方，无法进行处理，它适合在简单的场景下使用，如果有复杂的情况需要安装插件

（2）HTML-CSS-JS Prettify插件

这个插件可用于Sublime Text 2和Sublime Text 3，可以用来处理HTML，CSS，JavaScript以及JSON文件

首先要先安装插件：

ctrl+shift+p打开Package Control: 然后选择install package中输入HTML-CSS-JS Prettify插件并按下enter键，重启sublime

插件安装成功，因为HTML-CSS-JS Prettify插件的使用需要Node.js运行，因此我们还要安装node.js软件，下载好后操作一下步骤“在开始--搜素文件和程序--cmd”

HTML代码格式化的方法

然后在sublime中打开一个html文件，点击右键选择HTML-CSS-JS Prettify下的Plugin Options文件打开，将路径改为安装node软件的路径，如下图

HTML代码格式化的方法

在此插件安装成功

未格式化之前：

HTML代码格式化的方法

格式化之后：

HTML代码格式化的方法

HTML-CSS-JS Prettify插件它没有删除文件中的额外空行或缩进<script>块内的JavaScript ，是一个非常好的插件

（3）HTMLBeautify

该HTMLBeautify插件是假设你的HTML已经部分与单独的行标签格式的一个基本的脚本。它对内联注释不起作用

（4）TidyHTML5

如果您只对格式化HTML5感兴趣，可以选择TidyHTML5插件。虽然它使用外部实用程序来执行格式化，但它为Windows用户捆绑。

看完了这篇文章，相信你对HTML代码格式化的方法有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

向AI问一下细节

猜你喜欢