在 Sublime 文本上运行 TypeScript 文件答案

【问题标题】：Run TypeScript file on Sublime text在 Sublime 文本上运行 TypeScript 文件
【发布时间】：2020-02-29 15:20:09
【问题描述】：

我想在 sublime text 3 控制台中构建一个 TypeScript 文件（扩展名为 .ts），并在控制台中显示输出，就像 sublime 对python 所做的那样。知道 TypeScript 是一种编译语言，我怎么能做到这一点？编译语言是指先编译（.ts）文件，并在执行 JavaScript 文件之前先将其转换为 Javascript（.js）文件。

我尝试从 sublime 包安装程序安装 TypeScript 插件，但它需要特定的体系结构来运行文件，如 here 所述。 this 问题也没有帮助，因为它显示了保存后如何构建，并且没有说明运行独立文件的任何内容。

【问题讨论】：

标签： typescript sublimetext3 sublimetext2 sublimetext

【解决方案1】：

在这个答案中，我假设您已经在本地机器上安装了 Node.js 和 typescript。如果没有，您可以从 here 安装 Node.js，然后，您可以运行以下命令使用节点包管理器安装 typescript 和 ts-node：

npm install -g typescript
npm install -g ts-node

现在，您可以按照以下步骤操作了：

打开你需要在 sublime text 3 上运行的 typescript 文件。
点击Tools 标签，然后点击Build System，然后点击New Build System。
将打开一个新文件。使用以下 JSON 对象覆盖其内容。 cmd 参数根据@idleberg 的建议使用ts-node。 @OdatNurd 建议添加 "selector": "source.ts" 以使构建自动为 TypeScript 文件选择，因此您不必手动选择它。

{
    "shell": true,
    "cmd": ["ts-node $file"],
    "selector": "source.js"
}

用名称ts.sublime-build保存文件。
最后，如果没有自动选择，请使用ts 构建脚本，如下所示。

现在，单击 ctrl + B 运行脚本。您应该会在 sublime 文本控制台上看到输出。

【讨论】：

使用 ts-node 可能更简单，因为它允许直接运行 TypeScript：ts-node script.ts
您还可以添加 "selector": "source.ts" 以自动为 TypeScript 文件选择构建，因此您不必手动选择它。

【解决方案2】：

打开包控制 -> 输入或选择“Install Package” -> 输入或选择“TypeScript” -> 按回车

Ex -> for mac os: command+shift+p 在该类型之后打开包控制或选择“Install Package”，它会给出可供选择的包列表，输入“TypeScript”并按回车键。

【讨论】：