sublime text需安装vuejs complete package插件实现.vue文件语法高亮，手动切换语法为vue component；对支持有限，可改用babel插件配合vue component语法；补全能力弱，不支持语义级智能提示；启动慢可禁用自动扫描并排除node_modules等目录。
Vue 单文件组件（.vue）在 Sublime Text 里不识别语法？
Sublime Text 默认不支持 .vue 文件语法高亮，打开后全是白底黑字，标签、<script></script> 和 <style></style> 块全无颜色区分——这不是你配置错了，是它压根没内置 Vue 支持。
解决方法很简单：装一个社区维护的语法包。别用“Vue Syntax Highlight”这种老掉牙、已停止更新的插件；推荐用 Vue Syntax Highlight 的继任者：Vuejs Complete Package（注意名字带 Complete），它同时支持语法高亮、Emmet、片段补全和基础指令提示。
- 通过 Package Control 安装：
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac）→ 输入Package Control: Install Package→ 搜索并安装Vuejs Complete Package - 安装后，手动触发一次语法切换：右下角点击当前语法名（比如 “Plain Text”）→ 选择
Vue Component - 如果仍不生效，检查文件扩展名是否为
.vue（不是.html或.js）；某些脚手架生成的.vue文件开头有 BOM，可能干扰识别，可用编辑器另存为 UTF-8 无 BOM 格式
Sublime 中 <script setup></script> 语法高亮失效或报错？
这是常见兼容性问题：Vuejs Complete Package 当前最新版（v2023.12.x）对 <script setup></script> 的支持有限，尤其遇到 defineProps、defineEmits 或 TypeScript 泛型写法时，会把 defineProps() 里的尖括号当成 HTML 标签解析，导致高亮断掉、括号配对错乱。
- 临时缓解：把
<script setup lang="ts"></script>改成<script lang="ts"></script>（去掉setup），虽然失去组合式 API 的便捷，但语法高亮能稳住 - 更优解：配合使用
Babel语法（通过Package Control安装Babel插件），然后将.vue文件的语法手动设为Babel → Vue Component，它对 TS + setup 的解析比原生 Vue 包更鲁棒 - 注意：不要同时启用
Vuejs Complete Package和Babel的 Vue 语法，二者冲突会导致高亮闪烁或崩溃
为什么装了插件，<template></template> 里 class 名没智能补全？
Sublime 的补全能力远弱于 VS Code，Vuejs Complete Package 提供的是静态片段（如输入 v-if 按 Tab 补全整行），不是基于项目上下文的语义补全。它不会读取 components/ 目录、不会分析 defineComponent 返回值，更不会推导 props 类型。
立即学习“前端免费学习笔记（深入）”；
- 能补全的只有预置指令：
v-if、v-for、v-model等，以及常用事件修饰符（@click.stop） - class 名、组件名、prop key 这些动态内容，Sublime 本身不支持 LSP（语言服务器协议），也没法对接 Volar；想获得这类能力，得换编辑器
- 若坚持用 Sublime，可手动建
sublime-completions文件，在Packages/User/下添加自定义补全项，但维护成本高，且不随项目变化自动更新
装完插件后 Sublime 启动变慢、保存卡顿？
部分 Vue 插件（尤其是带实时校验或文件监听功能的老版本）会在后台扫描整个项目目录，遇到 node_modules 或大体积 dist 文件夹时，极易拖慢响应。这不是 Sublime 本身的问题，而是插件设计没做路径过滤。
- 打开
Preferences → Package Settings → Vuejs Complete Package → Settings，确认"scan_on_load"设为false，禁用自动扫描 - 在项目根目录建
.sublime-project文件，显式排除干扰路径：{ "folders": [ { "path": ".", "folder_exclude_patterns": ["node_modules", "dist", ".git"] } ] } - 如果用了
Babel插件，进其设置关掉"babel_repl"和"show_compile_status"，这两项在保存时会触发 JS 编译模拟，纯 Vue 项目完全不需要
