讲师中心 微信公众号
AI工具推荐 视频效率加速

Sublime Text安装并调试TypeScript语言服务器LSP组件

秋婷大大_2674

秋婷大大_2674

发布时间:2026-07-29 09:14:07

|

934人浏览过

|

来源于php中文网

原创

必须先确认Package Control已安装并能调出Install Package命令,再安装LSP和LSP-typescript插件;LSP-typescript专为TS封装,需手动配置绝对路径指向tsserver(Windows须含.cmd后缀),并确保文件scope为source.ts、syntax正确、tsconfig.json存在,最后通过LSP日志排错。

sublime text安装并调试typescript语言服务器lsp组件

确认 Package Control 和 LSP 插件已就位

没装 Package Control,后面所有步骤都白搭。按 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS),输入 Package Control: Install Package 能弹出列表才算成功。如果提示 “command not found”,得先粘贴官方安装脚本到控制台(View → Show Console)并执行,之后必须重启 Sublime Text。

接着用同一命令面板安装两个插件:LSP(作者 sublimelsp)和 LSP-typescript。别只装 LSP —— 它只是通用客户端,不带 TypeScript 服务逻辑;LSP-typescript 才是专为 TS 封装的客户端,含自动路径探测和默认参数。

  • 装完不重启,右下角状态栏不会出现 LSP: typescript
  • 别手动去 GitHub 下载 typescript-language-server:它和 tsserver 不兼容,LSP-typescript 只认官方 tsserver
  • 禁用 Anaconda、SublimeCodeIntel 等旧补全插件,它们会劫持 source.ts scope,导致 LSP 根本不启动

让 LSP-typescript 找到有效的 tsserver

90% 的“没跳转”“悬停空白”问题,根源是 LSP-typescript 没执行到真正的 tsserver 进程。它不自带服务,只负责调用——你本地有没有、路径对不对、权限够不够,全得自己兜底。

在终端运行:npx tsc --version 看是否输出版本号。若报错,说明项目没装 typescript 或全局没装。推荐优先在项目根目录执行:npm install typescript --save-dev,这样 tsserver 会落在 node_modules/.bin/tsserver。

Add Typescript Best Practices
Add Typescript Best Practices

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

下载
  • macOS/Linux:用 which tsserver 或 npx tsc --noEmit && ls node_modules/.bin/tsserver* 确认路径
  • Windows:用 where tsserver,注意结果带 .cmd 后缀,配置里必须写全,比如 "C:\Users\xxx\AppData\Roaming\npm\tsserver.cmd"
  • 打开 Preferences → Package Settings → LSP → Servers → LSP-typescript,编辑用户设置,填入绝对路径:"command": ["/path/to/tsserver"](macOS/Linux)或 "command": ["C:\path\to\tsserver.cmd"](Windows)
  • 删掉 initializationOptions 字段——新版 tsserver 已废弃该字段,留着会导致连接直接断开

验证语法识别与作用域是否匹配

Sublime 不看文件后缀,只认当前文件的 syntax 和 scope。哪怕你打开了 index.ts,如果右下角显示的是 Plain Text 或 JavaScript,LSP-typescript 就不会响应。

按 Ctrl+Alt+Shift+P(Win/Linux)或 Cmd+Alt+Shift+P(macOS)看状态栏,正确应显示 source.ts 或 source.tsx。如果不是:

  • 点击右下角语法名 → 手动选 JavaScript → TypeScript(Sublime Text 4 内置支持,无需额外插件)
  • 检查是否被其他插件覆盖了语法定义,比如 TypeScriptSyntax 插件可能注册了冲突的 scope,临时禁用再试
  • 确保 LSP-typescript 配置中 "scopes" 是 ["source.ts", "source.tsx"],"syntaxes" 是 ["Packages/JavaScript/TypeScript.sublime-syntax"](不是旧版 .tmLanguage)
  • 打开项目根目录(而非单个 .ts 文件):LSP 需要读取 tsconfig.json,否则类型推导退化为 any

查日志比重启更有效

功能没反应时,别急着重启。打开 Preferences → Package Settings → LSP → Toggle Log Panel,日志里会明确告诉你卡在哪一步:

  • Failed to start server: spawn ENOENT → command 路径错或没执行权限
  • server stderr: Cannot find module 'typescript' → tsserver 启动时找不到 TS 运行时,需确认 node_modules/typescript 存在且路径在 tsdk 配置里显式声明
  • LSP-typescript initializing… 卡住超 5 秒 → 大概率是 tsconfig.json 有语法错误,或 include 路径指向了不存在的目录
  • 悬停提示一闪而过 → 检查 LSP.sublime-settings 中 "hover_delay_ms" 是否小于 300,以及 "show_symbol_info_tooltip" 是否为 true

最常被忽略的其实是作用域污染——某个插件悄悄把 .ts 文件的 scope 改成了 source.js,LSP 客户端压根收不到通知,连日志都不会打。

热门AI工具

更多
VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

相关专题

更多
服务器是什么
服务器是什么

服务器是一种计算机硬件设备或软件程序,它具有强大的计算和存储能力,用请求、存储数据和提供服务。它在互联网中着关重要的作用,为用户提供各种服务和资源。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

437

2023.08.15

连接apple id服务器时出错
连接apple id服务器时出错

连接apple id服务器时出错的原因包括网络连接问题、服务器问题、Apple ID账户问题、设备问题、防火墙或安全软件问题、时间和日期设置问题、Apple服务器维护等。本专题为大家提供apple id相关的文章、下载、课程内容,供大家免费下载体验。

900

2023.09.08

搭建互联网服务器
搭建互联网服务器

搭建互联网服务器需要:1、选择合适的硬件和操作系统,第一步是选择合适的硬件和操作系统;2、安装和配置操作系统,是搭建互联网服务器的关键步骤;3、安装和配置服务器软件,是搭建互联网服务器的下一步,常见的服务器软件包括Apache、Nginx、Tomcat等;4、配置防火墙和安全性,是搭建互联网服务器的重要步骤;5、域名解析和配置,是搭建互联网服务器的最后一步。

2752

2023.09.19

如何查看服务器状态
如何查看服务器状态

查看服务器状态的方法有使用命令行工具、图形界面工具、监控工具、日志文件和远程管理工具等。本专题为大家提供服务器状态相关的文章、下载、课程内容,供大家免费下载体验。

916

2023.10.09

服务器域名转接慢怎么解决
服务器域名转接慢怎么解决

服务器域名转接慢的解决办法有DNS优化、服务器优化、CDN加速、前端优化和网络优化等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

829

2023.10.17

服务器评测软件
服务器评测软件

服务器评测软件有PassMark Software、CPU-Z、GPU-Z、CrystalDiskMark、IOmeter、JMeter、LoadRunner、Apache Bench等等。详细介绍:1、PassMark Software是一款综合性的服务器性能测试软件,可以评估服务器在各种负载条件下的性能;2、CPU-Z是一款可以提供服务器CPU详细信息的软件等等。

414

2023.10.17

如何开启TFTP服务器
如何开启TFTP服务器

开启TFTP服务器的步骤包括选择TFTP服务器软件、下载和安装软件、配置TFTP服务器以及启动和测试服务器等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2496

2023.10.18

服务器负载不兼容怎么解决
服务器负载不兼容怎么解决

解决方法:1、增加服务器资源;2、负载均衡;3、优化应用程序;4、增加缓存机制;5、分布式架构;6、限流和熔断;7、自动化扩容。想知道更详细服务器负载不兼容的解决方法,可以访问本专题下面的文章。

4612

2023.10.20

FrankenPHP集成Laravel详细教程
FrankenPHP集成Laravel详细教程

本专题提供FrankenPHP集成Laravel的详细配置指南,全面解析运行原理、开发环境搭建、Caddyfile配置、Octane工作模式、数据库连接、队列任务、定时任务和生产环境优化,解决部署过程中常见的报错与兼容性问题。

0

2026.10.08

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn