必须安装Vue Syntax Highlight插件（严格匹配首字母大写、中间空格、末尾带s和大写H）、手动绑定.vue后缀为Vue Component、配置"vue_version":"3"并启用"enable_ts_in_script":true等嵌入开关，三步缺一不可。
在线安装必须用 Package Control 精确搜索 Vue Syntax Highlight
Sublime Text 4 下唯一稳定可用的 Vue 高亮插件是 Vue Syntax Highlight，名字必须严格匹配：首字母大写、中间空格、末尾带 s 和大写 H。搜 vue syntax 或 vue highlight 极易误装已停更的 vue-component 或 VueJS，它们会在控制台报 ImportError: No module named 'sublime_plugin'。
正确流程是：
- 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）调出命令面板 - 输入
Package Control: Install Package并回车 - 等待列表加载完成，**逐字输入
Vue Syntax Highlight**（大小写、空格、复数s缺一不可） - 安装后检查
Preferences → Browse Packages…目录下是否存在Vue Syntax Highlight/文件夹（不是vuejs/或vue-component/）
离线安装要解压进正确路径且不能重命名文件夹
离线方式适用于无网络或企业内网环境，但路径和结构极易出错。GitHub 仓库地址是 https://github.com/vuejs/vue-syntax-highlight，下载 ZIP 后解压得到的文件夹名通常是 vue-syntax-highlight-master，但它**不能直接扔进 Packages 目录**。
必须手动创建子目录并复制内容：
- 打开
Preferences → Browse Packages…，进入用户插件目录 - 新建名为
Vue Syntax Highlight的文件夹（注意空格和大小写，与在线安装一致） - 将解压后
vue-syntax-highlight-master内所有文件（含Vue.sublime-syntax、README.md等）全部复制进该文件夹 - 重启 Sublime，按
Ctrl+Shift+P输入Set Syntax: Vue Component测试是否可选
如果菜单里没有 Vue Component，说明 Sublime 没识别到语法定义——大概率是文件夹名错了，比如写成 Vue 或 vue-syntax-highlight，而不是严格匹配的 Vue Syntax Highlight。
装完还是 Plain Text？一定是没绑定 .vue 后缀
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动把 .vue 后缀和它关联。跳过这步，所有 .vue 文件右下角永远显示 Plain Text，不是插件失效，是 Sublime 根本没调用它。
Element Plus Vue3 桌面组件库。在开发 Vue 3.x 页面时调用，使用 Element Plus 组件（如 el-button、el-input、el-form、el-table 等）。
绑定方法极简但必须手动执行：
- 打开任意一个
.vue文件 - 点击右下角当前语法名（如
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意：不是Vue、不是HTML、也不是Vue Template）
若菜单中找不到 Vue Component，说明插件未加载成功，先按 Ctrl+` 查控制台报错；常见原因是 Package Control 版本太旧，需先升级。
<script setup lang="ts"></script> 仍是灰色？检查嵌套语法开关和子语言支持
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠 Sublime 的嵌入语法机制，把 <script></script> 块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，而是子语言没接上。
必须同时满足三项：
- 已安装对应语言支持：用 TypeScript 就得装
JavaScriptNext - ES6 Syntax或官方TypeScript插件；用 SCSS 就得装SCSS（作者 css415） - 在
Preferences → Package Settings → Vue Syntax Highlight → Settings – User中确保开启："enable_ts_in_script": true（不是enable_js_in_script）、"enable_vue_blocks": true、"vue_version": "3" - 临时验证法：把文件后缀改成
.js，看<script></script>区块是否恢复高亮——能恢复，就说明问题出在 Vue 层解析，不是底层 JS/TS 插件失效
最常被忽略的是 enable_ts_in_script 这个开关，默认是 false，不手动设为 true，lang="ts" 的 script 块永远是灰色。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
