TypeScript 在线编辑器
TypeScript 编辑器
使用我们的在线 TypeScript 编辑器,您可以编辑 TypeScript 代码,并在浏览器中查看结果。
示例
console.log('Hello World!');
Hello World!
点击“亲自尝试”按钮查看其工作原理。
发布您的代码
如果您想创建自己的网站或构建 TypeScript 应用程序,请查看 W3Schools Spaces。
W3Schools Spaces 是一款网站构建工具,使您能够创建和分享自己的网站,以及在 Node.js 环境中开发和托管您的 TypeScript 应用程序。
您可以通过直接在 Web 浏览器中编辑代码来完全控制网站的外观和功能。
该工具易于使用,无需任何设置,使用起来非常简单。

代码编辑器包含许多功能,可帮助您实现更多目标
- 模板:从头开始或使用模板
- 基于云:无需安装。您只需要浏览器
- 终端 & 日志:轻松调试和排查代码问题
- 文件导航器:在代码编辑器中切换文件
- 以及更多!
学习更快
实践是掌握编码的关键,而将您的 TypeScript 知识付诸实践的最佳方法是通过代码进行实践。
使用 W3Schools Spaces 构建、测试和部署代码。
代码编辑器允许您编写和练习不同类型的计算机语言。它包括 TypeScript,您也可以将其用于其他语言。
不断添加新的语言

如果您不了解 TypeScript,我们建议您从头开始阅读我们的 TypeScript 教程。
如果您不了解 Node.js,我们建议您从头开始阅读我们的 Node.js 教程。
构建强大的网站
您还可以使用 W3School Spaces 中的代码编辑器从头开始构建前端或全栈网站。
或者您可以使用 60 多个可用模板并节省时间




立即创建您的 Spaces 帐户并探索所有功能!
了解更多与世界分享
使用 W3School Spaces 立即托管和发布您的网站。
W3Schools 子域名和 SSL 证书可通过 W3School Spaces 免费获得。SSL 证书使您的网站安全可靠。它还有助于人们信任您的网站,并使其更容易在网上找到。
想要为您的网站使用自定义域名?
您可以购买域名或转移现有域名并将其连接到您的空间。
了解更多它是如何工作的?
使用 W3School Spaces 几次点击即可开始。
