WebStorm 调试 ts 的内联变量配置(Bun失效)

0 阅读1分钟

WebStorm 调试 ts 的内联变量配置

提供了一个, WebStorm 直接调试 ts 文件并能在编辑面板中展示变量的方法.

介绍

WebStorm IDE 支持调试时在编辑面板中展示变量(箭头所示), 如下图所示。

image.png

下面记录下配置方法

这个显示功能在 node + js文件的默认调试功能支持度比较好, 过去我常使用 Bun 来快速运行临时的 ts 文件, 但是它只有红框处的展示, 而不兼容面板展示, 并不优雅.

后来发现 WebStorm 可以使用 ts-node 来让这种功能生效.

image.png 在这个基础上, 就更方便地 mock 变量,和增加更多的监视的能力.

image.png