Sublime如何配置TypeScript自动补全？-sublime-PHP中文网

必须配对 tsserver.js 路径才能启用 typescript 补全、跳转和错误提示；sublime ts 插件仅作代理，依赖本地 tsserver 提供语义能力，常见问题包括 tsserver 未入 path、node 版本不匹配、插件选型错误及 tsconfig.json 未被正确识别。

sublime如何配置typescript自动补全？

能用，但必须配对 tsserver.js 路径，否则补全、跳转、错误提示全失效——不是插件没装好，是 Sublime 找不到真正干活的 TypeScript 服务。

Sublime 的 TS 插件（比如 SublimeTSC 或 LSP-typescript）本身不带编译器，只是个“传话筒”，所有语义能力都靠你本地的 tsserver 提供。常见卡点：

tsc --version 能输出版本，但 tsserver --version 报 command not found ——说明 node_modules/.bin 没进系统 $PATH
用了 nvm / fnm / volta 切换 Node 版本，全局安装的 tsserver 和当前 Shell 使用的 Node 不匹配
项目用 pnpm 安装 TypeScript，tsserver 在 node_modules/.bin/tsserver，但插件默认只找全局路径
装了 TypeScript-Sublime-Plugin（微软老插件），它自带过时内嵌 tsserver，不读 tsconfig.json，也不支持现代配置项

只推荐两个方案，别混用：

在 CLAUDE.md 中配置 TypeScript 最佳实践和代码风格规则

下载

轻量可控选 SublimeTSC：功能聚焦，配置明确，适合已有 tsconfig.json 的项目；安装后状态栏左下角应显示 TS
想开箱即用选 LSP + LSP-typescript：基于 LSP 协议，自动探测项目级 tsc，支持更多语言特性（如 tsx、JSX 类型推导）；但需确保 node_modules/typescript 存在或全局已装
绝对不要装 TSCompleteMe：多年未更新，大量崩溃报告；也别装 TypeScript-Sublime-Plugin，它和现代 TS 工具链不兼容

这是补全生效的临门一脚，路径必须精确指向 tsserver.js 文件（不是可执行脚本 tsserver）：

全局安装：npm list -g typescript 查路径，再拼出 /usr/local/lib/node_modules/typescript/lib/tsserver.js（macOS/Linux）或 C:/Users/xxx/AppData/Roaming/npm/node_modules/typescript/lib/tsserver.js（Windows，用正斜杠）
项目本地安装：运行 npx which tsserver 或 npm bin 得到 node_modules/.bin/tsserver，把末尾的 /tsserver 替换为 /../typescript/lib/tsserver.js
配置位置：Preferences → Package Settings → SublimeTSC → Settings，填入：
```
{"tsserver_path":"/your/actual/path/to/tsserver.js"}
```
验证方式：打开 .ts 文件，右键菜单出现 TypeScript 子项，且光标悬停变量时有类型提示

补全能识别 @/components/Button 这类写法，但前提是 TypeScript 自己能解析：

项目根目录必须有 tsconfig.json，且含合法 baseUrl 和 paths 配置，例如：
```
{"compilerOptions": {"baseUrl": ".", "paths": {"@/*": ["src/*"]}}}
```
SublimeTSC 或 LSP-typescript 会读这个配置，但仅限于当前工作目录为项目根时才生效
如果打开的是子目录下的文件（比如直接双击 src/components/index.ts），Sublime 可能无法定位 tsconfig.json，补全就失效；建议始终通过项目根目录打开整个文件夹
别指望 auto_complete_triggers 加 "@" 就能触发——那是关键词匹配，不是路径解析；路径补全是 tsserver 基于 tsconfig.json 动态生成的