我的编程空间,编程开发者的网络收藏夹
学习永远不晚

如何使用htmlprettify美化HTML代码

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

如何使用htmlprettify美化HTML代码

这篇文章主要介绍了如何使用htmlprettify美化HTML代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

Sublime Text是广大程序员喜欢的文本编辑器,Jerry觉得它最强大之处在于开放的架构,有丰富的插件为其提供各种各样额外的功能。

作为前端开发人员,经常需要从网上复制粘贴一些代码然后做修改,因此一个常见的需求就是对拷贝进Sublime Text的代码进行格式化,使其缩进,换行等符合规范。

为此,我在网上搜索到了一个非常有用的Sublime Text插件,专门用于美化HTML代码,名叫htmlprettify。

当我使用Sublime Text内置的包管理工具的Package Control: Install Package时:

如何使用htmlprettify美化HTML代码

遇到错误消息:Package Control: There are no packages available for installation.

如何使用htmlprettify美化HTML代码

因此在线安装插件这条路走不通了,然而感谢Sublime Text开放的架构,我还可以像Eclipse安装插件一样,走另一条离线安装之路。

到github这个repository里把HTMLPrettify的源代码下载到本地。

https://github.com/victorporof/Sublime-HTMLPrettify

直接点击按钮"Clone or download"将所有源代码下载到本地,解压成一个文件夹:

如何使用htmlprettify美化HTML代码

然后把这个文件夹直接复制到Sublime安装文件夹的Data/Packages里:

如何使用htmlprettify美化HTML代码

这样就完成了htmlprettify的安装。

使用

工具->命令面板或者快捷键Ctrl+Shift+P:

如何使用htmlprettify美化HTML代码

输入HTMLPrettify即可自动美化当前打开的HTML代码。

如何使用htmlprettify美化HTML代码

感谢你能够认真阅读完这篇文章,希望小编分享的“如何使用htmlprettify美化HTML代码”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

如何使用htmlprettify美化HTML代码

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

如何使用ES6简化代码

小编给大家分享一下如何使用ES6简化代码,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!使用 ES6 简化代码ES6 已经发展很多年了,兼容性也已经很好了。恰当地使
2023-06-27

如何在HTML中使用颜色代码?

在 HTML 中使用颜色代码可以为您的网页带来视觉效果和吸引力。本文将介绍如何在 HTML 中使用颜色代码,包括颜色名称、十六进制代码和 RGB 代码。同时,还将提供一些使用颜色代码的技巧和示例。
如何在HTML中使用颜色代码?
2024-02-14

Go代码格式化gofmt如何使用

本篇内容介绍了“Go代码格式化gofmt如何使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!gofmt使用对于一门编程语言来说,代码格式化
2023-07-06

如何使用​链式方法使 PHP 代码变得美观

链式方法是一种编程技术,允许您在单行代码中对对象调用多个方法。这可以使您的代码更易于阅读、维护和表达。要在 PHP 中使用链式方法,您只需从每个要链接的方法中返回当前对象即可。例如,以下代码显示了链式方法的一个简单示例:class User
2023-10-25

怎么使用PHP将HTML代码转化为图片

这篇文章主要讲解了“怎么使用PHP将HTML代码转化为图片”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用PHP将HTML代码转化为图片”吧!工具和技术:PHP GD库: GD是一个开
2023-07-05

如何使用js操作符优化代码

这篇文章主要介绍“如何使用js操作符优化代码”,在日常操作中,相信很多人在如何使用js操作符优化代码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用js操作符优化代码”的疑惑有所帮助!接下来,请跟着小编
2023-06-27

如何使用PyCharm进行代码格式化

PyCharm是一款强大的Python集成开发环境(IDE),其代码美化工具可以帮助开发者规范代码风格、优化代码结构,提高代码可读性。本文将介绍PyCharm代码美化工具的使用方法,并结合具体的代码示例进行详细说明。一、安装代码美化工具
如何使用PyCharm进行代码格式化
2024-02-25

如何使用Flex代码格式化工具

小编给大家分享一下如何使用Flex代码格式化工具,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Flex代码格式化在做Flex编码的时候,调整编码格式非常让人头疼,
2023-06-17

如何使用HTML颜色代码创建3D效果?

本文将介绍如何使用HTML颜色代码创建3D效果。通过使用不同的颜色代码和CSS属性,可以创造出具有透视感和深度的3D效果。本文将提供具体的操作步骤和示例代码,帮助您轻松创建3D效果。
如何使用HTML颜色代码创建3D效果?
2024-02-14

js代码格式化工具eslint如何使用

这篇文章主要介绍“js代码格式化工具eslint如何使用”,在日常操作中,相信很多人在js代码格式化工具eslint如何使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js代码格式化工具eslint如何使用
2023-06-26

如何使用HTML颜色代码创建阴影效果?

了解如何使用 HTML 颜色代码来创建阴影效果,可以丰富您的网站视觉效果,本站整理了一些实用的代码供您参考。
如何使用HTML颜色代码创建阴影效果?
2024-02-14

如何使用HTML颜色代码创建渐变效果?

使用HTML颜色代码可以创建各种渐变效果,以改善网页的视觉效果。
如何使用HTML颜色代码创建渐变效果?
2024-02-14

如何用R语言学习代码格式进行一键美化

如何用R语言学习代码格式进行一键美化,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。当写R代码时,很多时候写的代码或者看到的代码缩进都很难统一到标准的格式。这时为
2023-06-25

生成精美代码图片的工具Carbon如何使用

小编给大家分享一下生成精美代码图片的工具Carbon如何使用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、前言carbon,碳棒的意思。功能非常强大,操作很方
2023-06-15

编程热搜

目录