资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

HTML代码格式化的方法-创新互联

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

成都创新互联公司是一家集成都网站建设、成都网站制作、网站页面设计、网站优化SEO优化为一体的专业的建站公司,已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步,服务才是根本,我们始终坚持讲诚信,负责任的原则,为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。

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插件它没有删除文件中的额外空行或缩进