离线安装 vue syntax highlight 插件需手动拷贝 github 最新版源码至 packages 目录并重命名为“vue syntax highlight”，再手动绑定 .vue 后缀为 vue component；若需 vue3 嵌套高亮，还需离线部署 typescript/scss 等子语言插件并正确配置 enable_ts_in_script 等选项。
离线安装 Vue Syntax Highlight 插件必须手动拷贝文件夹
Sublime Text 离线环境下无法用 Package Control 安装插件，唯一可行方式是手动将 Vue Syntax Highlight 插件源码放入 Packages 目录。注意：必须用 GitHub 上最新版（2026 年仍在维护），不能用已停更的 vue-component 或 VueJS —— 后者在 ST4 下会直接报 ImportError: No module named 'sublime_plugin'。
操作步骤：
- 在有网络的机器上访问
https://github.com/vuejs/vue-syntax-highlight，点击绿色 Code 按钮 → Download ZIP - 解压后得到
vue-syntax-highlight-master/文件夹，重命名为Vue Syntax Highlight（大小写、空格、复数 s 缺一不可） - 打开 Sublime → Preferences → Browse Packages…，把重命名后的文件夹整个拖入该目录
- 重启 Sublime，按
Ctrl+`查看控制台是否报错；若无报错且出现reloading plugin Vue Syntax Highlight.vue行，则加载成功
手动绑定 .vue 后缀为 Vue Component 是离线生效的关键一步
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动关联 .vue 后缀。离线环境跳过这步，所有 .vue 文件右下角永远显示 Plain Text，和插件是否装对无关。
绑定方法（无需联网）：
- 打开任意一个
.vue文件 - 点击右下角当前语法名（如
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（不是Vue、不是HTML、也不是Vue Template） - 成功后，Sublime 会在
Preferences → Settings – User中自动生成一行："syntaxes": {"vue": "Packages/Vue Syntax Highlight/Vue.sublime-syntax"}
Vue3 嵌套高亮（<script setup lang="ts"></script>）需要额外配子语言插件
离线状态下，<script setup lang="ts"></script> 区块显示灰色，不是 Vue 插件问题，而是 Sublime 没法把 JS/TS/CSS 交给对应语言插件渲染——它依赖“嵌入语法”机制，而该机制需子语言插件存在且启用。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章