使用webstorm直接运行ts文件，关联ts-node

使用webstorm调试ts文件

最近在写ts文件时，一直想要一个工具可以直接运行ts文件，把结果输出在控制台上，于是便上网搜索一番，发现了一个好用的工具ts-node,它可以直接提供一个ts运行环境，而不必编译ts文件为js。
但是网上的使用方法大部分是vscode的，webstorm很少。于是我结合官方文档和webstorm帮助文档成功搭建了ts-node的环境。有需要的同学可以参考下。

1. 安装typescript

npm i typescript -D

注意！必须是安装在本地

2. 安装ts-node

npm i ts-node -D

ts-node也必须安装在本地，安装在全局会报

Cannot find module ‘ts-node/register’

错误

3. 配置webstorm
   点击右上角打开Run/Debug Configurations选项卡
   在Node Parameters输入框添加

--require ts-node/register

然后在JavaScript file 添加

$FilePathRelativeToProjectRoot$

或者你指定要运行的文件，这里上一行代码的意思是：运行你当前打开的文件

webstorm配置如图所示

最后点击右上角运行即可。