百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML代码怎样格局化
分享文章到:

HTML代码怎样格局化

发布时间:09/01 来源:未知 浏览: 关键词:
HTML代码可以通过sublime中的内置命令Reindent对代码格局化,还可以安置HTML-CSS-JS Prettify插件对代码格局化

有时候我们将别人的代码复制过来的时候发明代码摆列的非常混乱无章,没法去阅读代码,今天就将和大家介绍怎样使用sublime中的插件去格局化代码,有必然的参照 作用,但愿对大家有所帮忙。

【引荐课程:HTML课程

(1)Sublime的内置Reindent命令

翻开途径:Edit-->Line-->Reindent

例:

未标题-1.jpg

但是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”

然后在sublime中翻开一个html文件,点击右键选中HTML-CSS-JS Prettify下的Plugin Options文件翻开,将途径改为安置node软件的途径,如下图

Image 13.jpg

在此插件安置成功

未格局化此前:

Image 14.jpg

格局化之后:

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

(3)HTMLBeautify

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

(4)TidyHTML5

假如您只对格局化HTML5感乐趣,可以选中TidyHTML5插件。虽然它使用外部有用程序来施行格局化,但它为Windows会员绑缚。

总结:以上就是本篇文章的全部内容了,但愿对大家学习使用sublime有必然的帮忙。

以上就是HTML代码怎样格局化的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板