在新版的VSCode中,打断点等调试一个 js 文件的过程

1、首先打开想要调试的 js 文件界面,例:以我新建的 ‘app.js’ 为例;
在这里插入图片描述
2、打开调试的界面,即:类似 ‘小蜘蛛’ 的第四个界面;
在这里插入图片描述
3、由于之前没有调试过,因此在此界面打开,点击:‘Run and Debug’ 下的 ‘create a launch.json file’;
在这里插入图片描述
4、在下面的界面下,我是运行的 ‘node.js’ ,因此我就选择了这个环境;(注意:VS Code 将尝试自动检测您的调试环境,如果手动没有检测出来,那么就需要手动了);
在这里插入图片描述
5、VS Code 会自动创建这样的一个文件,该文件存在于 ‘文件资源管理器视图’ 中,即:就是你项目所在的那个位置,点击左侧栏上的第一个图表,会发现下面的第二个图;
在这里插入图片描述
在这里插入图片描述
6、然后打断点、运行;即:在想要运行的代码前打断点(红色),然后运行即可;
在这里插入图片描述
7、运行后的显示为:
在这里插入图片描述

8、小结: 哪里有不对或不合适的地方,还请大佬们多多指点和交流!

如果还有问题,请参考官方文档,地址为:
https://code.visualstudio.com/docs/editor/debugging#_launch-configurations

Supongo que te gusta

Origin blog.csdn.net/weixin_43405300/article/details/119517362
Recomendado
Clasificación