文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
总结
豆包 AI 助手文章总结
下载豆包电脑版，提高工作效率
首页 > 开发工具 > sublime > 正文

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

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

下面由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/

下载后使用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中文网其它相关文章！

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

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

下载
相关标签：
sublime node.js css html JS default http
来源：csdn网
收藏 点赞
上一篇：在sublime text中如何设置某种扩展名文件的默认语法 下一篇：sublime如何改成中文简体
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
SublimeText的代码折叠和展开高级应用技巧 在SublimeText中，代码折叠和展开可以通过以下步骤优化编程体验：1)使用快捷键Ctrl+K然后Ctrl+1折叠代码块，Ctrl+K然后Ctrl+J展开；2)在大型JavaScript项目中，折叠嵌套函数以专注于主函数逻辑；3)管理大型配置文件时，折叠不相关配置项，专注于需要修改的部分；4)在团队协作中，折叠已完成部分，方便团队成员关注需要审查的代码。
2025-06-08 10:21:01
996
管理SublimeText插件依赖关系的技巧 SublimeText插件依赖关系通过PackageControl管理。1.保持PackageControl更新；2.仔细阅读插件文档；3.使用依赖管理插件。定期清理和使用版本控制有助于管理。
2025-06-07 18:15:01
299
解决SublimeText代码运行时语法错误的方法 在SublimeText中解决代码运行时语法错误的方法包括：1.检查基本语法错误，使用内置语法高亮功能；2.使用SublimeREPL插件运行代码并获取详细错误信息；3.配置正确的BuildSystem设置；4.使用PythonDebugger插件进行逐步调试；5.使用SublimeLinter和Pylint进行代码分析和性能优化。
2025-06-06 08:15:04
821
处理SublimeText编译错误的排查思路和技巧 如何高效排查和解决SublimeText编译错误？首先仔细阅读错误信息，其次确保环境配置正确，逐步简化代码，检查路径，使用调试工具，最后利用代码格式化功能。
2025-06-05 09:48:01
187
利用SublimeText的多光标编辑功能提高效率 SublimeText的多光标编辑功能通过允许在多个位置同时编辑来提高编程效率。1）使用Ctrl+D（Windows）或Command+D（Mac）选中并修改相同变量，如将所有'numbers'改为'values'。2）通过Ctrl+点击或Ctrl+Alt+箭头在任意位置或多行添加光标。然而，过度使用可能降低代码可读性，因此需谨慎使用以确保修改的准确性。
2025-06-04 10:24:02
677
解决SublimeText打开大文件卡顿的优化方案 解决SublimeText打开大文件卡顿问题的方法有：1.使用LargeFile插件，只加载文件部分内容，减少内存占用；2.关闭index_files设置，提升打开速度，但失去快速搜索功能；3.使用HexEditor插件，以十六进制查看文件内容；4.考虑使用Vim或Emacs等其他编辑器。
2025-06-03 12:15:01
754
隐藏SublimeText菜单栏以节省界面空间 要隐藏SublimeText的菜单栏，请在用户设置文件中添加{"show_menu":false}并重启。步骤如下：1.打开用户设置文件。2.添加{"show_panel_on_build":false,"show_menu":false}。3.保存并重启SublimeText。熟悉快捷键如Ctrl+P、Ctrl+Shift+P和Ctrl+K，Ctrl+B可提升使用体验，按Alt键可临时显示菜单栏。
2025-06-02 10:12:19
561
在SublimeText中开发Angular17项目的配置 在SublimeText中开发Angular17项目需要安装并配置特定的插件和设置。1.安装AngularJS、TypeScript、SublimeLinter和SublimeLinter-contrib-tslint插件。2.配置SublimeText以识别Angular17项目结构，忽略node_modules和dist文件夹，并设置TypeScriptSDK路径。3.使用自定义代码片段如ngc来快速生成组件，提高开发效率。通过这些步骤和技巧，可以有效利用SublimeText进行Angul
2025-05-31 11:00:02
446
用SublimeText进行HTML5和CSS4网页开发的教程 SublimeText适合HTML5和CSS4开发，因为它支持代码高亮、自动完成和插件扩展。1)代码高亮使代码更易读。2)自动完成加速编写并减少错误。3)插件如Emmet和SublimeLinter提升开发效率。
2025-05-30 13:42:01
437
利用SublimeText进行Unity游戏脚本开发 SublimeText适合Unity游戏脚本开发。1.安装PackageControl和OmniSharpSublime等插件。2.配置自定义构建系统以直接编译和运行脚本。3.利用多重选择功能提高效率。4.使用代码折叠和宏功能优化性能。5.保持代码整洁并利用项目功能管理文件。
2025-05-29 12:45:01
929
相关专题
更多>
豆包 AI 助手文章总结
下载豆包电脑版，提高工作效率
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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

  • PHP学习

  • 技术支持

  • 返回顶部