必须手动绑定.vue后缀至vue component语法，否则即使装对vue syntax highlight插件，文件仍显示plain text；打开.vue文件→点击右下角语法名→open all with current extension as…→vue component。
.vue 文件打开还是白底黑字？不是插件没装，是语法没绑定到 .vue 后缀——这一步漏掉，其他全白搭。
为什么装了 Vue Syntax Highlight 还是纯文本
Vue Syntax Highlight 只提供语法定义（Vue.sublime-syntax），不自动注册文件关联。Sublime 不会自己把 .vue 后缀映射过去，必须手动触发一次绑定。
- 打开任意一个
.vue文件，右下角点击当前语法名（比如Plain Text） - 选
Open all with current extension as…→ 找到并点击Vue Component（注意：不是Vue、也不是HTML） - 如果菜单里没有
Vue Component，说明插件根本没加载成功——按Ctrl+`看控制台是否有ImportError: No module named 'sublime_plugin'，大概率是装错了插件（比如装了已停更的VueJS）
template/script/style 三块高亮不全或指令灰显
高亮断在某一块，常见于 <script setup lang="ts"></script> 或 <style lang="scss"></style> 仍为灰色，本质是嵌入语法（embedded syntax）没接上，不是 Vue 插件本身问题。
- 确认已单独安装对应语言支持：
JavaScriptNext - ES6 Syntax（推荐）或官方TypeScript插件；SCSS 用css415的SCSS插件 - 不要手动改
Vue.sublime-syntax文件——它自带嵌入规则，改错会导致整个语法失效 - 验证方法：临时把
.vue改成.js，看<script></script>块是否恢复高亮；能恢复，说明是 Vue 层嵌入失败，不是 JS 引擎问题 -
v-if、@click等指令不加色？检查配色主题是否映射了vue-directivescope，比如Monokai.sublime-color-scheme里需有对应条目
保存不自动格式化或 ESLint 不报错
Sublime 本身无格式化能力，JsPrettier 和 SublimeLinter-eslint 对 .vue 文件默认不生效，因为它们默认只处理 .js、.html 等原生类型。
-
JsPrettier用户配置中必须加："additional_cli_args": {"--parser":"vue","--vue-html-indent":"2"}，否则 Prettier 当它是普通 HTML -
SublimeLinter-eslint要求项目根目录有.eslintrc.js，且含parser: 'vue-eslint-parser'和extends: ['plugin:vue/vue3-essential'] - 别依赖全局 Prettier：Sublime 调用的是它自己找的可执行路径，最好用
npm install --save-dev prettier本地安装
代码提示弱或 defineProps 不高亮
Vue Syntax Highlight 只做语法着色，不做语义补全。想获得 v-model:value、defineProps、生命周期钩子等提示，得额外装补全类插件。
- 装
Vue Completions（轻量、专注 snippet 和常用 API 提示）或Vuejs Complete Package（更全但略重） - 禁用所有名字含
VueJS的旧插件——它们和现代Vue Syntax Highlight冲突，会导致指令识别降级 -
<script setup></script>中ref()、computed()不高亮？不是 Vue 插件问题，是 JS 语法引擎太旧——务必用JavaScriptNext - ES6 Syntax替代内置JavaScript语法
真正容易被忽略的点在于：Vue Syntax Highlight 的 vue_version 默认可能是 "2"，而你写的是 Vue 3 的 defineProps 和 #default 插槽——进 Preferences → Package Settings → Vue Syntax Highlight → Settings，确认 "vue_version": "3" 已显式设好。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
