webstorm 断点调试 tips

webstorm debug 记录

背景: ts 作为 js 的超集，我们常常用其来开发一些工具函数直接上传到 npm 使用，抑或是直接用来开发服务端，vscode 调试方便，网上教程也很多。这篇文章用来记录用 webstorm 调试的一些 tips

调试前端代码

前置配置

• yarn dev or npm dev
• 点击 debug 开始 debug

同时推荐使用 debugger+ Chrome 断点调试的方式来实现前端项目的 debug

调试工具函数

前置配置

webtorm Running and debugging TypeScript

npm install ts-node --save-dev or npm install ts-node -g

具体调试

以一个异步调用为例，当然也可以直接不用这种函数的方式，直接 then 出来数据即可：