新闻中心
sublime怎么设置保存时自动格式化_sublime代码美化自动化配置
Sublime Text通过安装JsPrettier插件并配置auto_format_on_s*e为true,可在保存时自动格式化JS、HTML等文件,需提前安装Node.js和Prettier。

Sublime Text 本身不自带“保存时自动格式化”功能,但通过插件可以轻松实现代码美化自动化。最常用的方式是结合 JsPrettier、HTML-CSS-JS Prettify 或 Beautiful Soup 等插件,并配合保存触发动作来完成。
1. 安装 Package Control(如未安装)
如果还没安装插件管理工具,先手动安装 Package Control:
- 打开 Sublime Text,按下
Ctrl+`打开控制台 - 粘贴并运行官方最新安装代码(可访问 packagecontrol.io 获取)
2. 安装代码格式化插件(以 JsPrettier 为例)
推荐使用 JsPrettier,支持 J*aScript、TypeScript、JSON、HTML、CSS、Vue 等多种语言。
- 按下
Ctrl+Shift+P打开命令面板 - 输入
Package Control: Install Package - 搜索并安装
JsPrettier
注意:JsPrettier 依赖 Node.js 和 Prettier,请提前安装:
- 安装 Node.js(官网下载)
- 全局安装 Prettier:
npm install -g prettier
3. 配置 JsPrettier
进入菜单:Preferences → Package Settings → JsPrettier → Settings
修改用户配置,例如:
{
"auto_format_on_s*e": true,
"prettier_options": {
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}
}
关键项说明:
Health AI健康云开放平台
专注于健康医疗垂直领域的AI技术开放平台
113
查看详情
-
auto_format_on_s*e:设置为true实现保存时自动格式化 -
prettier_options:自定义格式化规则,与 Prettier 一致
4. 其他方式:使用 S*e Actions 插件
如果你用的不是 JsPrettier,也可以搭配通用型插件实现。
- 安装
S*e Actions插件 - 配置其在保存时调用格式化命令,例如:
{
"s*e_actions": ["js_prettier"]
}
具体命令取决于你使用的格式化插件。
5. 验证是否生效
打开一个 JS 或 HTML 文件,故意写乱格式,然后保存(Ctrl+S),查看是否自动美化。
若无反应,检查:
- Prettier 是否正确安装(命令行运行
prettier --version) - Sublime 控制台是否有报错信息(
View → Show Console) - 插件配置路径是否正确
基本上就这些。配置一次后,后续所有支持的文件都能在保存时自动格式化,提升编码效率。
以上就是sublime怎么设置保存时自动格式化_sublime代码美化自动化配置的详细内容,更多请关注其它相关文章!
# vue
# css
# 是否正确
# 装机
# 按下
# ty
# node
# json
# node.js
# js
# sublime
# html
# java
# javascript
# 网店营销推广课程内容
# 医学关键词排名查询工具
# 合肥seo多少钱标准
# 揭阳小红书种草推广营销策划
# 自助网站推广系统
# seo优化最难的网站
# seo网站火乛星23
# 门户网站建设基本流程
# 邮件推广营销好吗
# seo软件优化平台
# 自定义
# 中文网
# 可在
# 相关文章
# 能在
# 推荐使用
# 还没
相关栏目:
【
科技资讯46185 】
【
网络学院92790 】
相关推荐:
星露谷物语官网入口 星露谷物语游戏官网入口
QQ邮箱网页版登录入口 QQ邮箱官方在线使用平台
J*a里如何实现线程安全的懒加载单例_懒加载单例实现方法解析
蛙漫2日版入口 WAMAN2(日版)无删减漫画官网链接
海棠电脑版入口_通过电脑访问海棠官网阅读
魅族20怎样在浏览器开无图省流_iPhone魅族20浏览器开无图省流【流量节省】
解决macOS Tkinter应用双击启动崩溃:PyInstaller打包指南
学习通网页版官方登录 超星学习通电脑端入口指南
composer 和 npm/yarn 在管理依赖方面有什么核心思想差异?
AO3官方在线访问地址 Archive of Our Own最新镜像合集
cad如何更改注释性对象的比例_cad注释性比例调整方法
解决macOS上安装pyhdf时‘hdf.h’文件缺失的编译错误
探索高级语言到C/C++的转译路径:以Go为例及内存管理策略
微信语音通话掉线如何解决 微信语音通话稳定优化方法
12306选座系统怎么选连座_12306选座多人连坐操作方法
PHP中获取MongoDB服务器运行时间(Uptime)的专业指南
b站如何看历史记录_b站观看历史找回方法
J*a中实现Go语言select通道多路复用机制
Mac怎么锁定备忘录_Mac备忘录加密设置教程
CSS Flexbox与媒体查询:实现响应式布局中元素的并排与堆叠
c++如何实现一个简单的软件渲染器_c++从零开始的3D图形学
Node.js中HTML按钮与J*aScript函数交互的正确姿势
J*a里如何使用N*igableMap进行导航操作_可导航Map操作技巧解析
圆通快递查询实时追踪 圆通物流包裹状态快速查看
押井守高度称赞《辐射4》:玩了八年都停不下来!
Win11蓝牙耳机断连怎么解决 Win11蓝牙设置重新配对与驱动更新【技巧】
不同用户不同价格! 索尼开启账户个性化定价测试
PowerPoint如何制作滚动字幕结尾彩蛋_PowerPoint路径动画实现平滑滚动字幕效果
使用Pandas转换并合并DataFrame:多列映射至统一结构
sublime如何优雅地处理行尾空格_sublime自动清理多余空白字符配置
如何更改在 Excel 中打开超链接时的默认浏览器
Composer的 archive 命令怎么用_快速打包你的PHP项目及其Composer依赖
NetBeans Ant项目:自动化将资源文件复制到dist目录的教程
Excel中VLOOKUP的第四个参数是干什么用的_Excel VLOOKUP第四参数作用解析
知音漫客官网漫画下载_知音漫客网页版阅读记录
MAC如何安全彻底地删除文件_MAC使用终端命令确保文件无法被恢复
Win11怎么关闭快速启动_Win11彻底关机设置教程
Win10如何开启蓝牙功能_Windows10找不到蓝牙开关解决方法
React/Next.js中实现列表项的动态移动与状态管理:兼论唯一键的重要性
构建轻量级网站内部消息系统:Formspree 集成指南
三星ZFold5多任务卡顿_Samsung ZFold5流畅度提升
Pandas DataFrame:高效添加条件计算列
TikTok国际版官网直达_TikTok国际版官网直达进入在线观看
创客贴用户入口官网登录 创客贴网页版电脑版系统
MAC怎么在地图App里使用“四处看看”_MAC体验部分城市的3D实景街景
俄罗斯Yandex免登录入口_Yandex搜索引擎官网一键直达
ArchiveofOurOwn小说阅读-ArchiveofOurOwn同人作品访问链接
J*a TimerTask文件监控:HashMap状态管理与常见陷阱规避指南
如何在网页中实现特定地点的随机图片展示
Python多线程中正确使用sigwait处理SIGALRM信号


2025-12-04
浏览次数:次
返回列表