Stylus文件在Sublime Text中无高亮是因语法未绑定，需手动设置Set Syntax: Stylus；Vue单文件中需安装Vue Syntax Highlight并启用stylus支持，且删除style标签中的type属性。
Stylus 文件打开全是灰色、没缩进、右下角显示 “Plain Text”？不是插件没装好，是语法根本没绑定。
Stylus 文件为什么没高亮
Sublime Text 不会自动把 .styl 后缀和 Stylus 语法关联，哪怕你已通过 Package Control 装了 Stylus 插件。它只提供语法定义（grammar），不自动接管文件类型。常见现象包括：代码无颜色、Tab 缩进失效、无法折叠代码块、Ctrl+Shift+P 里搜不到 Stylus 相关命令。
- 右下角状态栏显示
Plain Text或CSS，而非Stylus - 按
Ctrl+Shift+P输入Set Syntax: Stylus没反应 → 说明插件未生效或被禁用 - Preferences → Package Settings 里没有
Stylus条目 → 插件可能安装失败或被 disable
如何手动绑定 .styl 语法
必须显式告诉 Sublime：“这个后缀归 Stylus 管”。绑定一次，后续所有 .styl 文件都会自动识别。
- 打开任意
.styl文件 → 右键编辑器空白处 →Set Syntax→Stylus（注意选Stylus，不是Stylus (Deprecated)） - 或快捷键
Ctrl+Shift+P（macOS 为Cmd+Shift+P）→ 输入Set Syntax: Stylus→ 回车 - 确认右下角状态栏文字变为
Stylus；若仍为Plain Text，检查Preferences → Package Control → Disable Package列表中是否禁用了Stylus
Vue 单文件中
Stylus 插件只处理独立 .styl 文件，对 .vue 里的 块完全无效。这部分高亮由另一套机制负责。
- 必须单独安装
Vue Syntax Highlight插件（不是Vue Snippets或VueJS） - 安装后，打开
.vue文件 → 右键 →Set Syntax→Vue Component - 检查
Preferences → Package Settings → Vue Syntax Highlight → Settings – User，确保包含"enable_stylus": true（部分版本默认关闭） -
删掉
type="text/stylus"：在标签里写type="text/stylus"会干扰语法识别，只保留lang="stylus"即可
高亮生效但编译不工作？那是另一回事
语法高亮和 CSS 编译是两套完全独立的流程。高亮只是让代码“看起来对”，编译是生成真实 CSS 文件——后者依赖 stylus CLI 和插件配置，跟高亮无关。
- 运行
stylus --version确认全局已安装：npm install -g stylus - 打开
Preferences → Package Settings → Stylus → Settings – User，添加：{ "compileOnSave": true, "compress": false } -
.vue文件内的永远不会被 Sublime 编译，只能靠开发服务器（如 Vite、Vue CLI）热更新
最容易忽略的是：Vue 文件里 lang="stylus" 块的高亮，既不靠 Stylus 插件，也不靠 Vue Snippets，只认 Vue Syntax Highlight 的子语法开关。漏掉这一步，前面三步全白做。
