如何在 WebStorm 中“运行”TypeScript 文件？

Question

在我的 WebStorm IDE 中，项目中的所有

.js

（和

.jsx

）文件都有关联的“运行”命令，但

.ts

（或

.tsx

）文件没有此功能。

我相信我已经为 TypeScript 正确配置了我的项目，因为我至少能够从命令行运行

tsc

（有一些意想不到的结果），但令我惊讶的是我不能简单地从IDE。

WebStorm支持单文件TypeScript编译和运行吗？启用此功能是否需要 IDE 的某些特定非默认配置？

Answer 1

不支持直接运行 Typescript 文件，因为它们无法与 Node.js 一起运行。您必须使用

tsc

预编译代码，然后在已编译的 js 文件上调用

Run

，或者使用 ts-node:

进行即时编译

• npm install -D ts-node typescript

• 在 Node.js 运行配置中，指定

  --require ts-node/register

  作为 Node.js 参数:

Answer 2

TypeScript 的运行配置 https://plugins.jetbrains.com/plugin/10841-run-configuration-for-typescript/

Answer 3

我使用

npx ts-node .\file_name.ts

命令来运行指定的ts文件。

Answer 4

您可以通过插件来完成此操作。例如，bluelovers ka的那个。

Answer 5

Webstorm，在回答这个问题时有一个集成的 Typescript 编译器。您应该做的是导航到工具栏文件 -> 新建 -> tsconfig.json 文件。

之后，您可以以相同的方式或通过终端创建 Typescript 文件

编写代码后，右键单击级联菜单底部的“编译 Typescript”。享受