Sublime Text配置CoffeeScript环境_Sublime Text前端脚本高亮【脚本】-sublime-PHP中文网

必须装language coffeescript插件；安装后需手动将.coffee文件关联为coffeescript语法，并统一设为2空格缩进且转为空格，否则无法高亮。

sublime text配置coffeescript环境_sublime text前端脚本高亮【脚本】

Sublime Text 本身不支持 CoffeeScript，装错插件、路径写错、缩进混用，三者任一出问题，.coffee 文件就变成纯文本——关键词不着色、右下角显示 Plain Text、Ctrl+B 报错或静默失败。

必须安装 Language CoffeeScript（作者 jashkenas，官方维护）。它只负责语法高亮和基础解析，不带编译功能，但这是所有后续操作的前提。

Sublime 不会自动把 .coffee 后缀和语法绑定，尤其对新建空文件或无 shebang 的文件，识别率极低。

PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

手动触发：点击右下角状态栏 → Open all with current extension as… → 选 CoffeeScript
验证是否持久：进入 Preferences → Settings – Syntax Specific，确认里面没有 "syntax" 或 "extensions" 字段强行覆盖
新建文件后务必再点一次右下角手动设语法——Sublime 不继承上一个标签页的语法设置
已有文件改完后需关闭重开，或按 Ctrl+Shift+P → 输入 Reload Syntax 回车

CoffeeScript 语法解析器对空白符零容忍。Sublime 一旦检测到 Tab 和空格混用、或缩进宽度 ≠ 2，就会直接放弃渲染，表现为关键词变黑、缩进无分层、甚至自动降级语法。

菜单 → View → Indentation → Convert Indentation to Spaces
再点 Indentation → Tab Width: 2
在 Preferences → Settings（用户设置）中加一行："detect_indentation": false，禁用自动探测
确保 Packages/User/Preferences.sublime-settings 里没误删 "syntaxes": [] 相关字段（正常无需动）

Sublime 构建系统不读你终端的 PATH。你在命令行能跑 coffee --version，不代表 Sublime 能调到它。

先查真实路径：
Windows：CMD 运行 where coffee，结果类似 C:UsersxxxAppDataRoaming pmcoffee.cmd
macOS/Linux：终端运行 which coffee，结果类似 /usr/local/bin/coffee

新建构建系统（Tools → Build System → New Build System…），内容如下：
Windows：

{ "cmd": ["coffee.cmd", "-c", "$file"], "selector": "source.coffee", "path": "C:\Users\xxx\AppData\Roaming\npm" }

macOS/Linux：

{ "cmd": ["coffee", "-c", "$file"], "selector": "source.coffee", "path": "/usr/local/bin:/opt/homebrew/bin" }

最常被忽略的一点：语法高亮和构建是两套独立机制。右下角显示 CoffeeScript 只代表高亮就位，不代表构建一定能跑；反过来，构建成功也不意味着缩进合规——三者必须同时满足，.coffee 文件才算真正“活”了。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索前端的入门与实战技巧！

Sublime Text配置CoffeeScript环境_Sublime Text前端脚本高亮【脚本】