在 Sublime text 上运行 TypeScript 文件

Question

我想在 sublime text 3 控制台中构建一个 TypeScript 文件（扩展名为 .ts），并以与 sublime 处理 .ts 相同的方式在控制台中显示输出python。知道 TypeScript 是一种编译语言，我该如何做到这一点？编译型语言意味着它会先编译 (.ts) 文件并将其转换为 Javascript (.js) 文件，然后再执行 JavaScript 文件。

我尝试从 sublime 包安装程序安装 TypeScript 插件，但它需要一定的架构来运行文件，如此处所述。此外，这个问题没有帮助，因为它显示了如何在保存后进行构建，并且没有说明有关运行独立文件的任何内容。

Answer 1

在这个答案中，我假设您已经在本地计算机上安装了 Node.js 和 typescript。如果没有，您可以从这里安装 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参数使用ts-node基于@idleberg的建议。@OdatNurd 建议添加 "selector": "source.ts" 以使构建自动选择 TypeScript 文件，这样您就不必手动选择它。

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

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

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