使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码

Sublime Text 3代码格式化插件 - HTML-CSS-JS Prettify完整指南 Sublime Text 3 是一款轻量级、跨平台的代码编辑器,以其高效的性能和强大的插件生态系统而广受欢迎。尽管它不是免费软件,但提供的试用版并没有使用时间限制,用户可体验到几乎全部的功能。它的界面简洁,启动速度极快,支持多种编程语言的语法高亮,并提供了代码折叠、自动补全等常用功能。HTML-CSS-JS Prettify插件是Sublime Text 3编辑器中的一个强大工具,旨在自动化地美化和格式化HTML、CSS和JavaScript代码。 阅读详情

第一步 安装 HTML-CSS-JS Prettify 插件

1、首先,你要有Sublime Text 3编辑器;
2、你本地要配置NodeJS环境(官网直接下载安装就可以);
3、你的Sublime Text 3编辑器要安装HTML-CSS-JS Prettify插件(安装方法如下)。

 

先说插件安装:

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

再安装nodejs 

1 安装好之后 进入dos命令 输入where node  查看nodejs运行程序路径  复制

2 工具>html/css/js prettify>set prettify preferences-default,设置一下nodejs的安装路径。如下图:

配置好 保存  然后就可以右键执行插件里面的 prettify Code 了。 只是记录备忘 。

Prettify.js 不管是之前自己的技术博客还是现在的公司官网,作为一个互联网从业者,经常需要写一些博文,这也是我的习惯,而写技术文章很多时候需要在文章中插入代码,如果以普通字符形式展示出来我觉得不能够显示出代码的魅力。而通常大家都是利用代码高亮的方式,让代码在文章中显得更加具体化,就好像我们在用编辑器一样。就那WP来说,大家都知道有一些代码高亮的插件,当然我也曾经尝试过几个,但都不是特别满意,再者大家都知道使用插件的效率相对而言是比较低的。 立即下载

相关推荐

代码高亮显示prettify内有prettify.css,prettify.js,run_prettify.min.js

代码高亮显示prettify内有prettify.css,prettify.js,run_prettify.min.js.

代码高亮的JS库 prettify.js

这是谷歌的出的一个针对前端的代码高亮的js库。 对于写文档说明的时候用处还是很美味的。

freewings1的博客 2071

prettify.js:适用于Node.js的JSON整理实用程序

prettify.js 用于Node.js的JSON整理实用程序。 它至少需要两个参数。 一个或多个源文件或目录,以及一个目标目录。 源文件的扩展名必须为“ .json”。

bootstrap使用google prettify 实现 代码高亮

prettify.js是Google的一款代码高亮插件。它由js代码和css代码构成,用来高亮显示HTML页面中的源代码。

哈 819

一文讲清CAN和CANFD的区别

本文将从技术原理、协议特性到应用场景,深度解析两者的核心差异。

文章主要涉及嵌入式软件开发、测试、项目管理等,欢迎交流,共同进步。 3207

UM982模组在无人机精准农业中的实战应用:如何配置双天线RTK实现厘米级定位

本文深入解析了UM982双天线RTK模组在农业无人机中的实战应用。通过详细阐述其硬件集成、软件配置及抗干扰调试全流程,重点说明了如何利用双天线设计直接获取高精度航向,并结合BDS等多系统GNSS信号,实现农田复杂环境下的厘米级稳定定位,从而提升变量施肥、自动巡田等精准农业作业的效率与质量。

weixin_29304021的博客 504

Google Code Prettify,代码高亮的JS库

一、code-prettify介绍 1.prettify.js是Google的一款代码高亮插件。 2.他又js代码和css代码构成,用来高亮显示HTML页面中的源代码。 3.支持:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Clojure, CSS, Dart, E

天马3798 1万+

再见 n8n?Google Opal 实测:一句话生成 APP,这才是 AI 的正确打开方式!

Google Opal深度评测:这款自然语言生成工作流的AI工具,通过三个实战案例(科技早报生成器、冰箱食谱助手、爆款文案转译机)展示了其零代码开发的强大能力。它凭借Gemini 3.0 Pro和Google生态的无缝集成,将自动化门槛降至新低,预示着一个“意图驱动开发”的新时代。

莫潇羽的个人博客 848

网站代码高亮插件 prettify.js

作为前端开发者,代码是你躲也躲不开的,下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。 这个插件的作用方法也非常简单,你只需要引用相关文件,然后再启用它就可以。 href="prettify.min.css" rel="stylesheet"> src="jquery.min.js"> src="pretti

一入前端深似海,从此红尘是路人 1937

【matlab】使用alexnet进行特征提取

1.下载alexnet工具箱 在命令栏输入alexnet,若不报错说明已经安装,若出现错误按照提示去下载工具箱; 下载地址:https://ww2.mathworks.cn/matlabcentral/fileexchange/59133-deep-learning-toolbox-model-for-alexnet-network (1)需要先注册(十分简单),登陆,下载; (2)下载完成之后,...

jingjingliang1995的博客 5844

计算机模拟爆破过程,基于LSDYNA岩石爆破模拟建模分析

原标题:基于LSDYNA岩石爆破模拟建模分析 Ls Dyna岩石爆破模拟仿真作者:dyna_focus擅长领域:dyna/abaqus/hypermesh一、 数值模型的建立1.1 单元及算法的选择岩石,炸药,空气都采用solid164实体单元。岩石采用常应力实体单元,该种单元属于纯粹的lagrange算法,该种算法单元网格附着在材料上,随着材料的流动而产生单元网格的变形,但是在结构变形巨大时,有...

weixin_29494379的博客 7313

如何配置html prettify,HTML-CSS-JS Prettify 格式参数设置

给自己留个备份{ // The plugin looks for a .jsbeautifyrc file in the same directory as the // source file you're prettifying (or any directory above if it doesn't exist, // or in your home folder if eve...

weixin_29603387的博客 431

【GameFramework框架】7-2、GameFramework框架是否“过度设计”?

框架是否过度设计,这个问题其实我被问到很多次了。不仅仅是新手刚接触就觉得“过度设计”的评价,有些熟练的开发者也会有这种感觉。那么,这篇文章就来探究一下,为什么框架会让人感觉“过度设计”,以及框架如何设计,还有,如何让框架适应自己的节奏。

优快云博客专家,Unity3D高级软件工程师,《Unity 3D从入门到实战》作者。 2118

SublimeText3格式化插件HTML-CSS-JS Prettify

SublimeText3格式化插件HTML-CSSJSPrettify

silenceallat的博客 1435

LangGraph实战训练营-打造 WhatsApp 全自动消息收发AI智能助手

本文系统梳理了项目架构(WhatsApp Bridge + Talon Host + LangGraph Agent Harness三层设计)、完整环境搭建流程(Docker/本地双模式部署)、核心原理(WhatsApp桥接机制、NVIDIA Parakeet语音转录管线、Cron定时调度、Agent图状状态机),并提供了基础对话、文件操作、语音处理、定时任务等六大实战示例。同时涵盖安全策略、性能优化、数据备份等生产级运维实践,以及十个高频问题的排查方案。

program哲学 191

AEJoy —— 表达式之仅限在某一维摆动【JS】

效果图 wiggle() 的作用仅限于水平方向 想法 wiggle() 确实是一个非常方便的工具,但有时您希望对它有更多的控制。在本例中,我们希望仅将摆动限制在水平方向。 设计 要理解 wiggle() 最重要的一点是,它生成的结果与应用它的属性具有相同的维度。例如,如果你将 wiggle() 应用于 3D 层的 position 属性,结果将是一个由三个元素组成的数组(x、y 和 z 各一个)。我们需要做的就是将 wiggle() 的结果捕捉到一个变量(我们称之为 “w” ),然后从这个变量中提取我们想

ShaderJoy 的兴趣技术杂货铺 2094

【转载】使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码

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

liNewman的博客 310

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

Ubuntu 24.04 安装搜狗输入法:Fcitx4 框架切换与避坑指南

在 Linux 桌面环境中,输入法框架是管理输入法引擎的核心组件,其选型与配置直接影响中文输入体验。IBus 与 Fcitx 是两种主流框架,而搜狗输入法 Linux 版基于 Fcitx4 开发,因此在 Ubuntu 24.04 上需将默认框架从 IBus 切换至 Fcitx4,并补齐 Qt、GTK 等依赖库,才能正常加载引擎。这一过程涉及框架切换、环境变量配置与兼容性调优,是 Linux 桌面用户提升输入效率的关键实践。本文详细记录了在 Ubuntu 24.04 上安装搜狗输入法的完整流程,包括依赖准备、

weixin_33785108的博客 208

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

sublime text3 代码格式化插件vue

同事用的windows的sublime轻量级容易上手.我们现在强制eslint规范.我们就需要安装这个格式化代码的插件"html-css-js-prettify"使用 Sublime text 3 格式化HTML代码,需要安装插件,具体安装步骤如下:1. 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control),输入"Install Pack...

zeroyulong的博客 2627

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

sublime text3笔记

快捷键 1.字体放大ctrl + = 字体缩小ctrl + -2.Ctrl+/:注释当前行 Ctrl+Shift+/: 注释多行3.Ctrl+Z 撤销 Ctrl+Y 恢复撤销 Ctrl+Shift+K 删除整行 4.Alt+Shift+1 窗口分屏,恢复默认1屏(非小键盘的数字) Alt+Shift+2 左右分屏-2列 Alt+Shift+3 左右分屏-3列 A...

Jane_3210的博客 634
上一篇: 微信模板消息批量推送
下一篇: 从excel导入数据至PostgreSQL数据库
Generalsphper
博客等级 码龄10年 4粉丝 7原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值