Menu
CoddyTech
开始学习

TypeScript 在线编辑器

学习 TypeScript阅读文档

编写、运行和分享代码片段，无需任何配置。

Coddyindex.ts
Output
Click Run to see the output here.

在浏览器中在线运行 TypeScript

这是一个免费的 TypeScript 在线编辑器和编译器。在浏览器里写 TS 代码，点击运行，tsgo（用 Go 编写的原生 TypeScript 编译器）会生成 JavaScript，由 Node 24 在几秒内执行。不需要 tsc，不需要 ts-node，也不用先配置 tsconfig.json。

tsgo 把你的 .ts 编译成 .js，再由 Node 24 运行结果，所以你能得到完整的类型检查，又不用每次运行都承担转译器的内存开销。@types/node 已经预装，提供 Node API 的类型定义。测试泛型、探索高级类型特性，或者准备 TS 面试，都不用离开这个页面。

这个 TypeScript 在线编辑器好用在哪里

  • 即时运行 TypeScript：tsgo 编译你的 .ts 文件，Node 24 在几秒内运行它们，并带完整的类型检查。
  • 完整的 TypeScript 语法高亮、感知类型的自动补全和 tsgo 诊断信息，编辑器引擎与 VS Code 相同。
  • 支持标准输入。输入的每一行都会传给 process.stdin，所以带类型的 readline 接口和异步 stdin 迭代器的表现，和在本地运行 ts-node script.ts 完全一样。你这边不需要搭建 tsc、ts-node 或 tsconfig.json。
  • TypeScript 5.3，配有 tsgo（用 Go 编写的原生 TS 编译器）、ts-node 和 @types/node：完整的类型检查，加上 ES2022 运行时支持。

可以在 TypeScript 在线编辑器里做什么

  • 接口、泛型、联合类型、字面量类型和类型守卫。写好带类型的 TS 代码，看 tsgo 生成干净的 .js，再在 Node 24 上运行。
  • 高级类型：映射类型、条件类型、模板字面量类型和工具类型（Pick、Omit、Record），全部由编译器验证。
  • 快速的 TypeScript 实验：试试一种新的类型写法，确认一条类型收窄规则，测试一个泛型约束，或者看看 tsgo 怎样报告类型错误。

TypeScript 在线编辑器常见问题

TypeScript 在线编辑器免费吗？

免费，TypeScript 在线编辑器可以免费使用。无需注册，无需安装 tsc，也不用搭建 tsconfig.json：打开页面，交给 tsgo 编译就行。

在线运行 TypeScript 需要安装 tsc 或 Node 吗？

无需安装。你不需要 tsc 编译器、ts-node 或 tsconfig.json。tsgo（用 Go 编写的原生 TypeScript 编译器）会生成 JS，并在 Node 24 上运行。

TypeScript 在线编辑器能在手机和 Chromebook 上用吗？

能。TypeScript 在线编辑器可以在任何现代浏览器中运行，电脑、平板、手机都行。在 Chromebook 或 iPad 上测试 TS 代码片段，不用安装 Node 或 tsc，很方便。

TypeScript 在线编辑器支持标准输入吗？
支持。tsgo 编译好你的 .ts、Node 24 开始执行之后，你在标准输入框里输入的内容会传给 process.stdin。带类型的 readline 接口、process.stdin 异步迭代器，以及任何基于 @types/node 的 NodeJS.ReadStream 类型编写的代码，表现都和在本地运行脚本一样。
试用在线编辑器之后，怎样学习 TypeScript？

修改示例 TypeScript 代码，点击运行，反复尝试。想更系统地学习时，Coddy 的交互式 TypeScript 课程会讲解类型、泛型、接口和高级类型编程。

它和官方的 TypeScript Playground 有什么不同？
官方的 TypeScript Playground 会对代码做类型检查和转译，但只显示生成的 JavaScript，并不会真正运行它。Coddy 的在线编辑器用 tsgo 编译后，会在 Node 24 上真正执行结果，所以你看到的是程序的实际输出，包括 console.log、标准输入和运行时错误，而不只是编译出来的 JS。
可以不先编译成 JavaScript 就在线运行 TypeScript 吗？
你不需要手动做任何事。写好 .ts，点击运行，编辑器会一步完成：用 tsgo 编译，再在 Node 24 上运行生成的 JavaScript。没有单独的 tsc 构建，不用配置 ts-node，也不需要 tsconfig.json，用起来就像直接运行一个 TypeScript 文件。

适合 TypeScript 的实用工具

与 TypeScript 在线编辑器搭配使用的免费浏览器工具，全部来自 Coddy。

TypeScript 速查表嵌入 TypeScript 编辑器比较编程学习平台