VSCode调试模式

迷南。 2023-10-06 10:36 52阅读 0赞

通过一个简单的案例来了解VSCode调试模式：[极简 Node.js web服务器案例][Node.js web]

调试六部曲：

1.  进入调试视图
2.  添加调试程序配置
3.  配置待调试的js文件
4.  给代码打断点
5.  运行调试程序
6.  愉快调试

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70 1]  
愉快调试：程序运行时，会在断点处暂停。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70 2]

--------------------

end

[Node.js web]: https://blog.csdn.net/qq_31772441/article/details/106562036
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200605014818412.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200605014828371.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200605014840236.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，52人围观）

还没有评论，来说两句吧...

相关阅读

相关 VSCode调试模式

通过一个简单的案例来了解VSCode调试模式：[极简 Node.js web服务器案例][Node.js web] 调试六部曲： 1. 进入调试视图 2. 添加调试程序

迷南。/ 2023年10月06日 10:36/ 0 赞/ 53 阅读

相关 VSCode调试TypeScript

这种调试方式的优点是直接调试ts文件，无需编译为js及生成map映射文件安装 npm 依赖包 npm install typescript -g

布满荆棘的人生/ 2023年06月25日 04:57/ 0 赞/ 80 阅读

相关 egg+vscode调试

按F1，稍等片刻，会出现下图，在红框中输入`Toggle Auto Attach`开启调试模式 ![image.png][] 然后命令行启动 egg-bin

男娘i/ 2022年12月09日 01:59/ 0 赞/ 358 阅读

相关 vscode 配置 nodemon 调试

[vscode][] 和 [nodemon][] 都是开发过程中的神兵利器，前者有着免费、开源、多平台、集成git、代码调试、插件丰富等诸多优势，后者可以实现 node.js

我就是我/ 2022年05月14日 01:47/ 0 赞/ 711 阅读

相关 vscode程序调试

程序编译调试（它的快捷键是F5）出现： Launch.json 错误： Timeout waiting for debugger connection ![70][] b

待我称王封你为后i/ 2022年05月08日 11:42/ 0 赞/ 316 阅读

相关 VScode 调试 c++

mingw下载[@mingw离线版][mingw] 使用VScode编译C++时，需要配置三个.json文件。在.vscode目录下新建 tasks.json

野性酷女/ 2022年03月01日 13:52/ 0 赞/ 308 阅读

相关 VSCode调试egg.js

转载自([https://www.jianshu.com/p/bdf0d8eb7112][https_www.jianshu.com_p_bdf0d8eb7112]) [h

心已赠人/ 2022年02月19日 11:09/ 0 赞/ 358 阅读

相关 vscode调试node

注意 launch.json文件配置 name：vscode调试，如果是调试多个demo，需要在launch.json文件中配置多个项目，设置不同的name

缺乏、安全感/ 2021年11月26日 18:04/ 0 赞/ 396 阅读

相关 vscode调试node

注意 launch.json文件配置 name：vscode调试，如果是调试多个demo，需要在launch.json文件中配置多个项目，设置不同的name

- 日理万妓/ 2021年11月10日 02:24/ 0 赞/ 357 阅读

相关 VScode如何调试

1.修改配置文件 lauch.json { // Use IntelliSense to learn about possible attribut

我会带着你远行/ 2021年09月03日 10:44/ 0 赞/ 555 阅读