在线编写运行TypeScript

在线编写并运行TypeScript,TypeScript官方网站上提供了一个网页版的TypeScript代码编辑工具https://www.typescriptlang.org/play,如图所示,它非常适合在学习TypeScript的过程中使用。

在线编写运行TypeScript

该工具的优点是:

  • 方便快捷,不需要进行安装和配置,只需要打开浏览器就可以开始编写代码并且拥有与集成开发环境相似的编码体验。
  • 能够快速地切换TypeScript版本,并且提供了常用编译选项的可视化配置界面。
  • 省去了手动编译和运行TypeScript代码的操作,只需单击相应按钮即可编译和运行代码。

选择TypeScript版本

使用版本选择下拉列表能够快速地切换TypeScript版本,如图所示。当想要确定TypeScript的某个功能在指定版本上是否支持或者想尝试新版本TypeScript中的某个功能时,这个功能就特别方便。

在线编写运行TypeScript

值得一提的是,在版本列表的末尾有一个特殊的版本“Nightly”,即“每日构建”版本,这是一种方法实践,采用了该方法的软件每天都会基于最新的程序源代码构建出一个版本,它能够让用户尽早地试用新版本的软件并提供反馈信息。

在太平洋标准时间每日午夜(与北京时间相差16小时,夏令时相差15小时),TypeScript会自动从其代码仓库的主分支上拉取最新的代码并构建出一个“Nightly”版本,然后分别发布到npmNuGet

  • npm(Node Package Manager)是2009年发布的开源项目,它是Node.js默认的包管理器,用于帮助JavaScript开发者方便地分享代码。“npm注册表”(Registry)是npm的组成部分之一,它是一个在线的仓库,用于存放Node.js代码包。npm还提供了一个命令行工具,开发者可以通过它方便地安装和发布代码包。
  • NuGet是一个免费并且开源的.NET包管理器,作为Visual Studio的扩展随着Visual Studio 2012第一次发布。通过NuGet客户端工具,开发者能够方便地发布和安装代码包。

TypeScript配置项

“Config”(设置)标签页提供了用于配置TypeScript编译器的可视化工具。它目前支持配置下列编译选项,如图所示。

在线编写运行TypeScript

  • Target:用于指定输出的JavaScript代码所参照的ECMAScript规范的版本。

  • JSX:用于指定JSX代码的生成方式,又名JavaScript XML,是JavaScript语法的扩展,常用在React应用中。

  • Module:用于指定生成模块代码的格式。

  • Lang:用于指定左侧编辑框使用的编程语言。

  • Compiler options from the TS Config:用于配置其他编译选项。

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!