• 技术文章 > html教程

    HTML代码如何格式化

    清浅 清浅 2018-12-07 15:20:25 原创 663
    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代码如何格式化的详细内容,更多请关注php中文网其它相关文章!

    第五期线上培训班
    专题推荐: HTML
    上一篇:URL和URI之间的区别是什么 下一篇:自适应网站是什么意思

    相关文章推荐

    • JavaScript开发者必备的10个Sublime Text插件_javascript技巧 • SublimeText自带格式化代码功能之reindent_javascript技巧 • vue文件中HTML代码格式化方法

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网