sublime如何配置TypeScript开发环境_sublime集成TS编译器与LSP类型检查

admin 百科 12
答案:通过安装SublimeLSP、LSP-typescript等插件并配置tsc编译环境,可实现TypeScript语法高亮、自动补全、类型检查与实时编译,核心为LSP协议与tsserver集成。

sublime如何配置TypeScript开发环境_sublime集成TS编译器与LSP类型检查-第1张图片-佛山资讯网

要在 Sublime Text 中配置 TypeScript 开发环境,实现语法高亮、自动补全、类型检查和实时编译,核心是集成 TypeScript 编译器(tsc) 和基于 LSP(Language Server Protocol) 的语言服务器。以下是详细配置步骤。

安装必要的插件

Sublime Text 本身不原生支持 TypeScript,需通过 Package Control 安装以下插件:
  • Package Control:确保已安装,用于管理其他插件。
  • SublimeLSP:提供 LSP 支持,连接语言服务器。
  • LSP-typescript:专为 TypeScript 提供的 LSP 客户端,自动集成 tsserver。
  • TSX and TypeScript SyntaxTypeScriptSyntax:提供完整的语法高亮支持。

安装方法:按 Ctrl+Shift+P 打开命令面板,输入 “Install Package”,然后依次搜索并安装上述插件。

配置 LSP 集成 TypeScript 语言服务器

LSP-typescript 插件会自动查找系统中安装的 TypeScript,但需要确保 Node.js 和 npm 已正确安装。
  • 全局安装 TypeScript:
    npm install -g typescript
  • 验证安装:
    tsc --version 应输出版本号。

LSP-typescript 默认启用,无需额外配置即可在 .ts.tsx 文件中启动 tsserver。你可以在保存文件时看到错误提示、自动补全、跳转定义等功能。

如需自定义 LSP 行为,可进入 Preferences → Package Settings → LSP → Settings,添加配置:

标签: react sublime js node.js json node typescript npm 编码 工具 vs c

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~