讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > 开发工具 > sublime > 正文

sublime如何一键格式化html/css/js

藏色散人
发布： 2020-07-02 11:56:12
转载
8031人浏览过

下面由sublime教程栏目给大家介绍sublime一键格式化html/css/js，希望对需要的朋友有所帮助！

sublime如何一键格式化html/css/js

1.使用快捷键ctrl+shift+p调出控制台，输入install package，然后输入html-css-js prettify，进行下载

2.下载完成后，在preference打开package settings，会出现如下内容：

html-css-js prettify安装成功。

立即学习“前端免费学习笔记（深入）”；

3.具体的快捷键在preference > package setting > html/css/js prettify > keyboard-shortcuts-default中


注意：容易出现的错误！

博主第一次使用时，按下ctrl + shift +h并没有奏效，发现这插件依赖node.js，所以要下载node.js（下载node.js不要等级太低）

node.js下载地址：http://nodejs.cn/download/

SeoShop
SeoShop

SeoShop网店系统全站纯静态html生成更符合搜索引擎优化，并修改了以前许多js代码，取消了连接地址的js代码更换为纯div+css格式，并且所有文件可自定义url和文件名，自定义内部连接，自定义外部连接，等多个符合SEO搜索引擎优化的设置，让您的网店更容易让搜索引擎收录. 简单易用 极速网店真正做到以人为本、以用户体验为中心，能使您快速搭建网上购物网站。后台管理操作简单，一目了然，没有夹杂多

SeoShop 0
查看详情 SeoShop

下载后使用cmd，进入下载的目录，使用node.exe --version

这样node.js就安装成功了！

然后在sublime中的preference > package setting > html/css/js prettify > plugin-options-default中修改

红标处改为node的安装地址

再次使用ctrl + shift + h就可以格式化html/css/js了

ps:

    可能会有热键冲突，本人使用搜狗输入法，使用ctrl + shift + h就是换搜狗输入法的皮肤，要切换在电脑自带的输入法下的英文才可以使用！

以上就是sublime如何一键格式化html/css/js的详细内容，更多请关注php中文网其它相关文章！

相关标签：
sublime node.js css html JS default http

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：csdn网
收藏 点赞
上一篇：在sublime text中如何设置某种扩展名文件的默认语法 下一篇：sublime如何改成中文简体
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
sublime的命令行工具subl如何安装和使用？ (Mac/Windows) SublimeText的命令行工具subl可跨平台快速打开文件或项目，Mac需手动创建软链接至/usr/local/bin，Windows推荐安装时勾选AddtoPATH或手动添加安装目录到系统PATH，配置后支持subl.、sublfile:line等常用操作。
2025-12-19 17:13:02
318
sublime的索引状态是什么意思_sublime文件索引过程与优化 Sublime的索引状态是编辑器后台扫描文件以支持符号跳转、模糊搜索和自动补全的过程。打开项目时，Sublime会读取文件并提取函数、类、变量等符号信息，构建内部数据库，实现快速导航与智能提示。用户可在底部状态栏查看“Indexing:Xfiles”提示，了解当前索引进度，完成后显示“Ready”。对于大型项目，索引可能引发性能问题，可通过排除无关目录（如node_modules）、限制项目范围、关闭冗余插件等方式优化。若出现索引异常，可关闭软件后手动删除缓存目录中的索引文件，重启以强制重建。合
2025-12-19 16:56:37
144
Sublime优化前端构建工具Vite性能_处理插件配置与依赖预构建 SublimeText不参与Vite构建，仅需排除node_modules、.vite等目录索引，禁用自动构建插件，确保Vite预构建与缓存正常生效，即可高效配合开发。
2025-12-19 16:49:02
320
sublime如何高亮显示当前编辑的行？ (Caret和Line高亮) SublimeText可通过设置"highlight_line":true开启当前行高亮，同时支持自定义高亮色及调整光标样式（如"caret_style":"wide"），两者可共存；还可关闭括号高亮避免视觉干扰。
2025-12-19 16:26:02
634
Sublime进行移动端H5页面适配_处理响应式布局与REM单位换算 SublimeText本身不直接参与H5页面的响应式适配或REM计算，但可通过Emmet、CSSrem、LiveStyle、Snippet和PostCSS工具链提升开发效率。
2025-12-19 16:09:14
786
sublime如何安装emmet插件_sublime前端开发必备插件安装指南 首先安装PackageControl，再通过命令面板搜索并安装Emmet插件，最后在HTML文件中输入ul>li5按Tab键生成列表结构以验证功能，常用缩写如div#header>nav+ul.nav>li3>a可快速构建页面骨架。
2025-12-19 15:50:44
813
Sublime实现用户行为追踪与数据上报_前端埋点与后端数据接收 SublimeText无法直接实现前端埋点，因其无JS引擎、DOM和网络API；它仅是编辑工具，埋点代码须在浏览器中运行才生效。
2025-12-19 15:48:08
214
sublime如何关闭烦人的更新提示？ (设置方法) 最核心办法是在用户设置中添加"update_check":false，同时可补充"show_update_in_status_bar":false和"auto_upgrade":false，并通过hosts文件屏蔽更新域名。
2025-12-19 15:27:31
813
sublime如何禁用某个特定的插件？ (Package Control用法) 最稳妥的方式是通过PackageControl的Disable/Enable功能禁用或启用插件；操作为调出命令面板→输入对应命令→从列表选择插件→回车，禁用后插件功能立即失效但文件保留，可随时恢复，无需手动修改文件。
2025-12-19 15:22:00
162
Sublime进行DevSecOps流水线构建_在CI/CD中集成依赖扫描与动态安全测试(DAST) SublimeText不是CI/CD工具，不执行DevSecOps流水线，仅作为编辑YAML/JSON等安全配置文件的辅助工具；需配合GitHubActions、Jenkins等平台及Trivy、ZAP等工具实现SCA、DAST和策略即代码。
2025-12-19 15:11:31
740
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部