使用webstorm调试ts文件
最近在写ts文件时,一直想要一个工具可以直接运行ts文件,把结果输出在控制台上,于是便上网搜索一番,发现了一个好用的工具ts-node,它可以直接提供一个ts运行环境,而不必编译ts文件为js。
但是网上的使用方法大部分是vscode的,webstorm很少。于是我结合官方文档和webstorm帮助文档成功搭建了ts-node的环境。有需要的同学可以参考下。
- 安装typescript
npm i typescript -D
注意!必须是安装在本地
- 安装ts-node
npm i ts-node -D
ts-node也必须安装在本地,安装在全局会报
Cannot find module ‘ts-node/register’
错误
- 配置webstorm
点击右上角打开Run/Debug Configurations选项卡
在Node Parameters输入框添加
--require ts-node/register
然后在JavaScript file 添加
$FilePathRelativeToProjectRoot$
或者你指定要运行的文件,这里上一行代码的意思是:运行你当前打开的文件
webstorm配置如图所示
最后点击右上角运行即可。