运行 Sublime 文本上的 TypeScript 文件

Question

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

我已经尝试从 sublime 包安装程序安装 TypeScript 插件，但它需要特定的体系结构才能运行解释的文件 here. Also this 问题没有帮助，因为它显示了如何构建保存后，它没有说明运行生成一个独立文件。

Answer 1

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

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

现在，您已准备好执行以下步骤：

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

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

使用名称 ts.sublime-build.
最后，如果未自动 selected，则使用 ts 构建脚本，如下所示。

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

Answer 2

打开包控件 -> 输入或 select "Install Package" -> 输入或 select "TypeScript" -> 按回车

Ex -> for mac os: command+shift+p 打开包控制该类型或 choose“Install Package”，它会将包列表提供给 choose，类型“TypeScript" 然后按回车键。

运行 Sublime 文本上的 TypeScript 文件

Run TypeScript file on Sublime text

sublimetext

sublimetext2

typescript

sublimetext3