sublime text 本身不支持 vue 的 ts 类型推导,必须安装 sublimelsp + volar 并正确配置:启用 vue_version: "3"、enable_ts_in_script: true,确保 typescriptsyntax 已安装且 .ts 文件能正常高亮,同时项目需含 tsconfig.json 并安装 @volar/vue-language-core。

Sublime Text 本身不支持 Vue 的 TS 类型推导
别指望 Sublime 自带类型提示——它没有语言服务器(LSP)能力,ref()、defineProps()、useRouter() 这些不会标红、不会跳转、hover 也看不到类型签名。这不是配置不到位,是架构限制:Sublime 只做语法高亮和文本编辑,不做语义分析。
必须装 SublimeLSP + Volar,不是 Vetur
Vetur 已停止维护,不识别 <script setup lang="ts"></script>,装了反而冲突;Volar 才是 Vue 官方推荐的 LSP 客户端,且只与 SublimeLSP 配合生效:
- 先通过 Package Control 安装
SublimeLSP(注意大小写,不是 “LSP” 或 “sublimelsp”) - 再安装
LSP-volar(不是 “LSP-Vue” 或 “VueLSP”) - 确认
Preferences → Package Settings → LSP-volar → Settings中"vue_version": "3"已启用 - 检查
LSP控制台(Ctrl+Shift+P→LSP: Toggle Log Panel)是否显示volar启动成功,有无connection refused或node not found
TS 子语言必须独立安装并正确嵌入
Vue Syntax Highlight 只负责切分区块,不渲染 TypeScript;它把 <script setup lang="ts"></script> 块交给 Sublime 的 TS 语法引擎处理。若仍灰色或无补全,说明子语言没接上:
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
sublime 操作技巧,快捷键说明
共0课时 | 0人学习
Sublime Text 官方 Settings 文档
共0课时 | 0人学习
Sublime Text 官方 Packages 文档
共0课时 | 0人学习
