搜索
首页web前端html教程HTML代码如何格式化
HTML代码如何格式化Dec 07, 2018 pm 03:20 PM
html

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

有时候我们将别人的代码复制过来的时候发现代码排列的非常杂乱无章,无法去阅读代码,今天就将和大家介绍如何使用sublime中的插件去格式化代码,有一定的参考作用,希望对大家有所帮助。

【推荐课程:HTML课程

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”

HTML代码如何格式化

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

Image 13.jpg

在此插件安装成功

未格式化之前:

Image 14.jpg

格式化之后:

HTML代码如何格式化

HTML-CSS-JS Prettify插件它没有删除文件中的额外空行或缩进

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能