使用WebStorm 如何运行、调试ts

====================node

最近使用ts开发命令行程序,总结记录下Webstorm强大的运行、调试功能。typescript

须要依赖

  1. node.js
  2. typescript
  3. ts-node

安装依赖npm

yarn global add typescript ts-node -Djson

编辑器

npm install gloabl typescript ts-node --save-dev工具

配置步骤

  1. 从主菜单中,选择Run| Edit Configurations,而后在“ Edit Configurations”对话框中, 单击 工具栏上的,而后从列表中选择Node.js。将打开对话框。
  2. Node parameters 中添加 `--requeire ts-node/register
  3. JavaScript Files中,指定要运行或调试的文件。可指定固定的文件spa

    1. 固定的文件。指定绝对路径的文件地址,如E:\code\luckybo\help.ts.
    2. $FilePathRelativeToProjectRoot$该指令表示,老是运行编辑器当前激活的文件。须要注意的一点,此时,文件是用项目文件夹做为根目录,而不是当前激活文件所在的文件夹。命令行

      1. 若有其它朋友发现,其它可用的宏命令,欢迎在下方评论区提示做者,验证后我会将其添加到本文。
  4. Applicaiton parameters,能够指定运行参数。如--project tsconfig.json,此时你能够指定使用项目根目录中的ts配置。
  5. Environment varaiables,指定环境变量。与node.js中的环境变量做用一致。
  6. 保存,运行。

步骤1:
image.png
步骤2-6
image.png调试

相关文章
相关标签/搜索