小编给大家分享一代下HTML码格式化的方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
HTML代码可以通过崇高中的内置命令Reindent对代码格式化,还可以安装HTML-CSS-JS美化插件对代码格式化
有时候我们将别人的代码复制过来的时候发现代码排列的非常杂乱无章,无法去阅读代码,
<强>(1)崇高的内置Reindent命令
打开路径:编辑——祝辞线——在Reindent
例:
但是崇高自带的重新缩进功能较为单一,仅仅是保证缩进正常了而已。而对于代码中写法不规范的地方,无法进行处理,它适合在简单的场景下使用,如果有复杂的情况需要安装插件
<强> (2)HTML-CSS-JS美化插件
这个插件可用于崇高文本2和崇高文本3,可以用来处理HTML, CSS, JavaScript以及JSON文件
首先要先安装插件:
ctrl + shift + p打开包控制:然后选择安装包中输入HTML-CSS-JS美化插件并按下输入键,重启崇高
插件安装成功,因为HTML-CSS-JS美化插件的使用需要node . js运行,因此我们还要安装节点。js软件,下载好后操作一下步骤”在开始,搜素文件和程序——cmd”
然后在升华中打开一个HTML文件,点击右键选择HTML-CSS-JS修饰下的插件选项文件打开,将路径改为安装节点软件的路径,如下图
在此插件安装成功
未格式化之前:
格式化之后:
HTML-CSS-JS美化插件它没有删除文件中的额外空行或缩进& lt; script>块内的JavaScript,是一个非常好的插件
<强> (3)HTMLBeautify
该HTMLBeautify插件是假设你的HTML已经部分与单独的行标签格式的一个基本的脚本。它对内联注释不起作用
<>强(4)TidyHTML5
如果您只对格式化HTML5感兴趣,可以选择TidyHTML5插件。虽然它使用外部实用程序来执行格式化,但它为Windows用户捆绑。
看完了这篇文章,相信你对HTML代码格式化的方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
