星空网 > 软件开发 > 网页设计

使用Sublime Text 3的HTML

很多时候,我们想要格式化HTML-CSS-JS代码,网站上有很多实现此功能的小工具,当然,我的网站首页也有。但是,如果我们的代码编辑器上面也有这样的功能,那不是更加快速便捷?So,接下来,我们看看Sublime Text 3是如何使用插件实现此功能的吧!

一、必要条件:

1、首先,你要有Sublime Text 3编辑器;
2、你本地要配置NodeJS环境(安装方法可以参考:Node.js学习笔记之一);
3、你的Sublime Text 3编辑器要安装HTML-CSS-JS Prettify插件(安装方法可以参考:Sublime常用插件总结)。

 

二、安装过程:

1、我们打开Sublime Text 3编辑器,安装HTML-CSS-JS Prettify插件。

a)在Sublime Text 3中,按下Ctrl+Shift+P调出命令面板;
b)输入install 调出 Install Package 选项并回车;
c)输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装。

 

2、查看本地安装的NodeJS配置环境路径(在dos命令下,输入where node并回车)。

使用Sublime Text 3的HTML

 

 

3、在编辑器的任意一个html/js/css文件中,右击,出现如下图所示,选择Set Plugin Options。

使用Sublime Text 3的HTML

 

 

4、将上述步骤2中的NodeJS本地路径保存到步骤3中打开的文件中,如下图所示。

使用Sublime Text 3的HTML

 

 

5、成功安装HTML-CSS-JS Prettify插件。


三、做个DEMO:

1、原始HTML模板,混乱不堪。

使用Sublime Text 3的HTML

 

 

2、右击,选择Prettify Code。

使用Sublime Text 3的HTML

 

 

3、格式化结果。

使用Sublime Text 3的HTML

 





原标题:使用Sublime Text 3的HTML

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊儿童玩具CPC不通过的原因有哪些?怎么处理?:https://www.ikjzd.com/articles/1673541732173291522
一条视频获百万关注!狗狗口罩走红TikTok,北美山火催生新机遇?:https://www.ikjzd.com/articles/1673569196371025922
跨境直播火热:海外观看人数增长186%,阿里国际站涌现“工位直播”:https://www.ikjzd.com/articles/1673583020726317057
海外网红营销潜藏的风险:如何规避失败的可能性?:https://www.ikjzd.com/articles/1673590679378620418
请 Airwallex Pay 我吧!Airwallex Pay 云汇通收单全新上线:https://www.ikjzd.com/articles/1673591532545581058
跨境电商资金、税务五种合规模式:https://www.ikjzd.com/articles/1673606335994032129
春季热卖单品!空气净化器单周销售额近三十万!:https://www.kjdsnews.com/a/1836547.html
春季热卖单品!空气净化器单周销售额近三十万!:https://www.goluckyvip.com/news/188215.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流