Sublime Text 需安装 CoffeeScript 插件实现 .coffee 文件语法高亮,右下角选 CoffeeScript 或配置 syntax-specific extensions;编译需设 Build System 并指定正确 coffee 路径,保存不自动编译,须用 SublimeOnSaveBuild 插件或终端 coffee -cw 监听。

Sublime Text 本身不原生支持 CoffeeScript,但通过 Package Control 安装对应插件后,能实现语法高亮、编译、自动补全等基本开发能力。关键不是“配置环境”,而是选对插件并避免常见路径和构建系统陷阱。
怎么让 .coffee 文件自动高亮
Sublime 默认不会识别 .coffee 后缀,需手动关联语法或安装插件自动处理:
- 推荐直接安装
CoffeeScript插件(作者:jashkenas,即 CoffeeScript 官方维护的 Sublime 包) - 安装后,新建或打开
test.coffee文件,右下角状态栏应显示CoffeeScript—— 若显示Plain Text,点击它,选择Open all with current extension as… → CoffeeScript - 若想永久生效,可编辑
Preferences → Settings – Syntax Specific,加入:{ "extensions": ["coffee"] }
如何用 Sublime 编译 CoffeeScript(build system)
Sublime 的 Build System 是执行 coffee -c 命令的核心机制,但容易因 Node.js 路径、全局安装状态失败:
- 确保已全局安装 CoffeeScript:
npm install -g coffeescript(v2.7+ 对应coffee命令;v3+ 改为coffeescript命令,注意区分) - 在 Sublime 中按
Cmd+Shift+P(macOS)或Ctrl+Shift+P(Windows/Linux),输入Build System: New Build System - 粘贴以下内容(适配 v2.x):
{ "cmd": ["coffee", "-c", "$file"], "selector": "source.coffee", "path": "/usr/local/bin" }其中
path需替换成你本地coffee可执行文件路径(终端运行which coffee查看) - 保存为
CoffeeScript.sublime-build,再从Tools → Build System选中它,Cmd+B即可编译当前文件
为什么保存后没自动编译?Sublime 不支持监听式编译
Sublime 的 Build System 是单次命令触发,不提供文件监视(watch)能力。所谓“保存即编译”需额外手段:
- 可用插件
SublimeOnSaveBuild:安装后,在其设置中添加:"filename_filter": "\\.(coffee)$"
并确保 Build System 已设为 CoffeeScript - 更可靠的方式是用终端配合
coffee -cw监听目录(例如:coffee -cw src/ -o lib/),Sublime 专注编辑,编译交给独立进程 - 注意:Sublime 自带的
save_on_focus_lost不会触发 build,仅靠它无法实现自动编译
真正卡住人的往往不是插件装不上,而是 coffee 命令找不到(PATH 问题)、v3 用错命令名(coffeescript vs coffee)、或 Build System 的 path 没填对绝对路径。这些地方一错,build 就静默失败,连错误提示都不给。










