Sublime Text配合Vue-DX提升TS类型推导

云涛君_6434

云涛君_6434

2026-07-09

881人浏览

原创

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-dx提升ts类型推导

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-composition-api-best-practices

Vue 3 组合式 API 与

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程