讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

AniShort
AniShort

AI短剧协同制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

Laper
Laper

剧本策划到成片协作

sublime如何设置文件保存时自动格式化_sublime on_save事件与代码美化联动

风涛吖_3386

风涛吖_3386

发布时间:2025-12-22 18:29:03

|

960人浏览过

|

来源于php中文网

原创

Sublime Text可通过插件实现保存时自动格式化,需安装SublimeOnSaveBuild并配置构建系统,如为JS使用Prettier、Python使用Black,确保工具已全局安装且构建系统名称与配置一致,保存文件即可触发自动美化。

sublime如何设置文件保存时自动格式化_sublime on_save事件与代码美化联动

Sublime Text 本身不内置“保存时自动格式化”功能,但通过插件配合可以轻松实现。常见做法是结合代码美化工具(如 Prettier、Black、ESLint 等)与 on_save 事件触发自动格式化。以下是具体设置方法。

1. 安装必要的插件

推荐使用 SublimeOnSaveBuild 插件来监听保存事件,并调用外部格式化工具。

• 打开 Command Palette(Ctrl+Shift+P 或 Cmd+Shift+P)
• 输入 “Package Control: Install Package”
• 搜索并安装 “SublimeOnSaveBuild”

然后根据你的语言安装对应的格式化工具:

• JavaScript/TypeScript:Prettier 或 ESLint
• Python:Black 或 autopep8
• CSS/SCSS:Stylefmt 或 Prettier

2. 配置构建系统(Build System)

你需要为每种语言创建一个自定义构建系统,在保存时调用格式化命令。

以使用 Prettier 格式化 JS 文件为例:

• 菜单栏选择 Tools → Build System → New Build System…
• 替换内容如下:
{
    "cmd": ["prettier", "--write", "$file"],
    "selector": "source.js, source.jsx",
    "shell": true,
    "working_dir": "$file_path"
}

• 保存为 Prettier.sublime-build

如果是 Python 使用 Black:

Expanso yaml-to-json
Expanso yaml-to-json

使用 Expanso Edge 管道将 YAML 输入转换为 JSON 格式。

下载
{
    "cmd": ["black", "$file"],
    "selector": "source.python",
    "shell": true
}

确保系统中已全局安装这些工具,例如:

• npm install -g prettier
• pip install black

3. 启用保存时自动构建

安装 SublimeOnSaveBuild 后,默认不会启用。需要在配置中开启。

• 进入 Preferences → Package Settings → SublimeOnSaveBuild
• 修改 Settings – User,添加:

{
    "commands": ["Prettier", "Python - Black"]
}

这里的名称必须和你创建的 .sublime-build 文件名一致(去掉后缀)。

保存文件时,Sublime 就会自动运行对应命令完成格式化。

4. 注意事项与调试

如果未生效,检查以下几点:

• 命令是否在终端中可执行(如 prettier --version 是否有输出)
• 构建系统文件名与 SublimeOnSaveBuild 配置中的命令名是否完全匹配
• selector 是否正确匹配当前文件类型(可在状态栏查看语法)
• 可临时手动执行 Tools → Build 查看是否报错

基本上就这些。配置一次后,所有支持的文件在保存时都会自动美化代码。不复杂但容易忽略路径或命名细节。

热门AI工具

更多
蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

函子Zion

一款支持AI搭建、可视化编辑和多端发布的全栈无代码开发平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

332

2026.02.13

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

540

2026.02.25

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

411

2026.03.13

TypeScript 全栈开发进阶指南
TypeScript 全栈开发进阶指南

面向有 JavaScript 基础的开发者,深入讲解 TypeScript 的类型系统与全栈开发实践。

326

2026.06.03

TypeScript Node.js 全栈工程化与Monorepo架构实践
TypeScript Node.js 全栈工程化与Monorepo架构实践

本专题围绕 TypeScript 在 Node.js 全栈开发中的工程化实践展开,系统讲解 Monorepo 架构设计、包管理策略、模块复用机制以及服务端与前端统一类型系统的构建方法。通过真实项目案例,帮助开发者提升大型全栈项目的可维护性与协作效率。

738

2026.06.16

pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

3550

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

8023

2024.12.20

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

9722

2024.12.23

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

60

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn