Sublime Text 正确支持 Elm 开发需三步：先确保右下角显示“Elm”以启用语法高亮，再配置 SublimeLinter-contrib-elm-make 的 elm 可执行文件绝对路径，最后手动创建 Elm.sublime-build 构建系统。
Sublime Text 要正确高亮并支持 Elm 开发，核心不是装一堆插件，而是先让 source.elm 语法被识别、再让构建和 lint 各司其职——否则你看到的只是“彩色文本”，不是“可检查、可编译、可预览”的 Elm 环境。
右下角没显示“Elm”？所有功能都白配
打开 .elm 文件，右下角显示 Plain Text 或 JavaScript，说明 Sublime 根本没加载 Elm 语法定义。这不是插件没装全，而是语法包未生效或路径注册失败。
- 点击右下角语言名 → 在弹出菜单中选
Elm；若列表里没有，说明Packages/Elm/Syntaxes/Elm.sublime-syntax文件不存在 - 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）→ 输入Set Syntax: Elm，前提是已安装Elm Language Support插件 - 用
Preferences → Browse Packages…进入目录，确认Elm/文件夹存在，且含Syntaxes/Elm.sublime-syntax - 别指望
SublimeLinter或Emmet自动带语法支持——它们不提供.elm文件识别能力
Elm 编译器路径配置错，lint 就永远报“command not found”
SublimeLinter-contrib-elm-make 不是万能胶，它只负责调用系统里的 elm 可执行文件。如果路径不对，状态栏只会显示灰色图标，悬停提示 elm_make: command not found。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 终端运行
which elm（macOS/Linux）或where elm（Windows），拿到真实路径，例如/Users/xxx/.npm-global/bin/elm - 在
Preferences → Package Settings → SublimeLinter → Settings中，填入完整路径：
"linters": {
"elm_make": {
"executable": "/Users/xxx/.npm-global/bin/elm"
}
}
- 不要写
elm或./node_modules/.bin/elm—— Sublime 不继承项目级PATH，也不读package.json - 验证方式：在终端 cd 到项目根目录，手动运行
elm make src/Main.elm --output=main.js，成功后再回 Sublime 测试保存触发 lint
构建系统没配，就别想 Ctrl+B 编译或 Ctrl+Alt+E 预览
Sublime 默认不带 Elm 构建能力。Elm Language Support 提供语法高亮和片段，但不提供构建命令。必须手动创建 Elm.sublime-build 文件，否则快捷键无效。
立即学习“前端免费学习笔记（深入）”；
- 菜单 →
Tools → Build System → New Build System… - 粘贴以下内容（注意替换
elm路径）：
{
"shell_cmd": "/Users/xxx/.npm-global/bin/elm make $file --output=$file_path/main.js",
"file_regex": "^(.*?):([0-9]+):([0-9]+):? ?(.*)$",
"selector": "source.elm",
"variants": [
{
"name": "Build to HTML",
"shell_cmd": "/Users/xxx/.npm-global/bin/elm make $file --output=$file_path/index.html"
},
{
"name": "Run Reactor",
"shell_cmd": "/Users/xxx/.npm-global/bin/elm reactor"
}
]
}
- 保存为
Elm.sublime-build，放在Packages/User/目录下 - 之后按
Ctrl+B编译当前文件，Ctrl+Shift+B可选Build to HTML或Run Reactor - 若项目无
elm.json，构建会直接失败——先在项目根目录运行elm init
最常被忽略的是：Elm 的语法高亮依赖 source.elm scope 正确加载，而这个 scope 又依赖插件安装后重启编辑器才真正注册；很多用户装完插件立刻测试，结果右下角还是 Plain Text——其实只需关掉再重开一次 Sublime 就行。
