准备调试文件
- test.js
console.log("断点调试");
for(let i: number = 0; i < 3; i++){
console.log(i);
}
console.log("执行完毕");
创建launch.json文件
-
点击
build.png -
选择node环境，编辑器自动创建.vscode文件夹，里面有个launch.json文件
launch.png 替换launch.json文件内容
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "调试ts程序",
"runtimeArgs": ["-r", "ts-node/register"],
"args": ["${workspaceFolder}/test.ts"]
}
]
}
注：name属性值自定义，"args": ["${workspaceFolder}/test.ts"]中的test.ts就是要调试的文件名
下载调试包
右键test.js文件，选择在终端打开局部安装typescript和ts-node
npm i typescript ts-node
node_modules.png
install.png
打断点
dote.png
点击vscode编辑器的调试按钮
debug.png
点击“运行和调试”，选择“Node.js”
choose.png
选择调试控制台，就能看到我们断电之前的程序运行情况了
wanderful.png
监控变量
在侧边栏的“监视”中，点击加号，添加变量名/表达式，回车即可添加
i.png
开始调试
-
点击单步跳过，就能看到调试控制台和监视区域的变化了
单步跳过.png - 单步调试单步退出
- 单步调试：进入函数内部
- 单步退出：跳出函数
你学废了吗？
