必须装Vue Syntax Highlight（带s、首字母大写、中间空格）、手动绑定.vue后缀至Vue Component、配置vue_version为3并启用子语言高亮，三步缺一不可；跳过任一步，.vue文件均无法正确高亮。
装对插件、手动绑定语法、配好子语言支持，三步缺一不可；只装 Vue Syntax Highlight 但跳过绑定步骤，.vue 文件永远是白底黑字。
怎么装对插件：别搜“Vue”或“VueJS”
Package Control 搜索时输入 Vue Syntax Highlight（注意首字母大写、中间有空格、末尾带 s），不是 VueJS、vue-component 或 Vue Syntax Highlight（少个 s）。前者是 ST2 旧包，装上直接报 ImportError: No module named 'sublime_plugin'；后者是停更旧版，不兼容 ST4，<script setup> 里 defineProps() 会漏高亮。
- 装完检查
Preferences → Browse Packages…目录下是否存在Vue Syntax Highlight/文件夹（不是vuejs/） - 如果已装了
Vuejs，进Preferences → Package Settings把它禁用，否则语法冲突导致高亮降级 - ST4 用户务必确认插件 GitHub 最后更新在 2023 年后，老版本用
tmLanguage格式，无法正确解析withDefaults等新 API
为什么装完还是 Plain Text：必须手动绑定 .vue 后缀
Vue Syntax Highlight 只提供语法定义，不自动注册文件关联。不走这步，插件等于没装。
- 打开任意
.vue文件，点击右下角当前语法名（如Plain Text） - 选
Open all with current extension as…→ 找到并点Vue Component（不是Vue或HTML） - 这一步会在
Preferences → Settings – User自动加一条映射："syntaxes": {"vue": "Packages/Vue Syntax Highlight/Vue.sublime-syntax"} - 如果菜单里没出现
Vue Component，说明插件未加载成功，按Ctrl+`查控制台是否有报错，常见是 Package Control 本身过旧，先升级它
script setup 还是灰色？检查 vue_version 和子语言开关
Sublime Text 4 默认启用新 .sublime-syntax 引擎，但部分高亮断裂源于配置未对齐。
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
立即学习“前端免费学习笔记（深入）”；
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，确认"vue_version": "3"已设为"3"（默认可能是"2"） - 若用
<script lang="ts">却无 TS 高亮，检查是否启用了enable_ts_in_script（部分版本需手动开启） - 临时验证法：把
.vue文件后缀临时改成.js，看<script>区块是否恢复高亮——能恢复说明是 Vue 层解析失败，不是 JS 引擎问题 -
<style lang="scss">不高亮？单独装SCSS插件（作者 css415），装完开一个.scss文件确认右下角显示SCSS，再切回.vue
Emmet 在 template 里不生效？要显式声明作用域
<template> 块本质是 HTML，但 Sublime 不自动继承父语法上下文，Emmet 默认不触发。
- 确保已安装 Emmet 插件
- 在
Preferences → Settings – User中添加：{"emmet_syntax_scopes": {"vue": "html"}} - 保存后重启 Sublime，
<template>内敲div.my-class+Tab就能展开 - 别指望
Vue Syntax Highlight提供类型提示或跳转——它只负责颜色，语义能力得靠SublimeLSP + Volar，Vetur已停更，别用
最常被忽略的是绑定步骤和 vue_version 配置，尤其在 ST4 上；装完插件不点右下角切换，所有后续调试都是在无效前提下进行。
