新闻中心

sublime怎么设置保存时自动格式化_sublime代码美化自动化配置

2025-12-04
浏览次数:
返回列表
Sublime Text通过安装JsPrettier插件并配置auto_format_on_s*e为true,可在保存时自动格式化JS、HTML等文件,需提前安装Node.js和Prettier。

sublime怎么设置保存时自动格式化_sublime代码美化自动化配置

Sublime Text 本身不自带“保存时自动格式化”功能,但通过插件可以轻松实现代码美化自动化。最常用的方式是结合 JsPrettierHTML-CSS-JS PrettifyBeautiful 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健康云开放平台 Health AI健康云开放平台

专注于健康医疗垂直领域的AI技术开放平台

Health AI健康云开放平台 113 查看详情 Health AI健康云开放平台
  • 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信号 

搜索