Sublime Text打开Vue总是纯白没有高亮？语法模式切换技巧-sublime-PHP中文网

必须手动将.vue文件绑定为Vue Component语法，否则显示Plain Text；若菜单无此选项，说明插件未加载成功，需检查是否装错名（必须为Vue Syntax Highlight）或存在旧插件冲突。

sublime text打开vue总是纯白没有高亮？语法模式切换技巧

不是插件没装，而是 Sublime 压根没“认出”这是 Vue 文件——它不会自动绑定 .vue 后缀，也不会默认启用嵌套语法解析。

右下角显示 Plain Text 怎么办

这说明当前文件被识别为纯文本，所有高亮逻辑已停止。必须手动干预：

点击右下角的 Plain Text，从菜单中选择 Vue Component（注意不是 Vue、HTML 或 XML）
若菜单里根本没有 Vue Component，说明插件未加载成功，按 Ctrl+` 查控制台是否有 ImportError: No module named 'sublime_plugin' —— 这是装了旧版 VueJS 或 vue-component 的典型报错
临时验证：把 .vue 文件后缀改成 .js，看 <script></script> 区块是否恢复高亮；能恢复，就确认问题出在 Vue 层而非 JS 插件

为什么装了 Vue Syntax Highlight 还是白底黑字

插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不自动注册文件关联。常见失败原因：

装错插件名：必须严格输入 Vue Syntax Highlight（首字母大写、中间空格、末尾带 s 和大写 H），搜 vue syntax 极易选中已停更的 VueJS（ST2 旧包）或 vue-component（不兼容 ST4）
装完没检查路径：打开 Preferences → Browse Packages…，确认存在 Vue Syntax Highlight/ 文件夹，而不是 vuejs/ 或 vue-component/
旧插件干扰：如果已装 VueJS，进 Preferences → Package Settings 把它禁用，否则语法冲突会导致高亮降级

`<script setup lang="ts"></script>` 和仍是灰色

Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠嵌入语法机制把区块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，而是子语言链断了：

蓝湖代码转vue2.0+element-ui

将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.

下载

确认已安装并启用对应子语言支持：TypeScript 高亮需 JavaScriptNext - ES6 Syntax 或官方 TypeScript 插件；SCSS 高亮需单独装 SCSS 插件（作者 css415），且打开一个 .scss 文件时右下角必须显示 SCSS

进 Preferences → Package Settings → Vue Syntax Highlight → Settings，在 User 配置中确保有：

{
  "vue_version": "3",
  "enable_vue_blocks": true,
  "enable_ts_in_script": true,
  "enable_css_in_style": true
}

别改 Vue.sublime-syntax 文件——它自带嵌入声明，改错会导致整个语法崩溃

改完配置后还是不生效？强制刷新语法缓存

Sublime 加载语法包有缓存机制，尤其装完新插件或改完配置后，不刷新常不生效：

执行 Ctrl+Shift+P → 输入 Reload Syntax Definitions 回车（比重启轻量，且立即生效）
如果仍无效，再试一次完整重启：关闭所有窗口 → 完全退出 Sublime → 重新打开
极少数情况需清理缓存：关闭 Sublime 后，删除 Packages/User/Cache/ 目录（路径可通过 Preferences → Browse Packages… 进入）

最常被忽略的是：vue_version 默认可能是 "2"，不显式设为 "3" 就无法正确解析 defineProps、withDefaults 和 script setup 的嵌套结构——哪怕其他三步全对，这里漏掉，<script></script> 区块照样是灰的。