VSCode 代码调试

news/2024/4/17 17:06:52

断点调试(debug): 指在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显错误。

我们以【测试】项目为例,随便在 test.html 文件中编写一段 JS 代码获取页面内容。

点击调试按钮,点击创建 launch.json 配置文件,选择【测试】项目。 

选择要运行的浏览器。

 

确认配置信息中的 file 路径正确,点击绿色箭头开始调试。 

返回 test.html 文件,点击行数左侧添加断点,点击刷新开始断点调试。 

当代码执行到断点时就会停止运行,可以点击继续运行下一个断点,也可以点击单步调试,执行下一行代码。代码中的变量以及 this 的指向都会在【变量】中显示。 

还可以点击【监视】中的 + 号,输入变量名,监听变量每一步的变化。

 

还可以勾选 Caught Exceptions 监听报错,然后我们特意写错语法,点击刷新抓取报错。 

现在再次运行时 VSCode 就会将报错的内容提示出来。

 

原创作者:吴小糖

创作时间:2023.11.30 


https://www.xjx100.cn/news/3118803.html

相关文章

pytorch 多卡并行训练

目录 设置参数: 训练时参数: 调用命令: 设置参数: import argparseparser argparse.ArgumentParser()parser.add_argument(--batch_size, typeint, default64, helpBatch size for training)parser.add_argument(--local_rank…

layui 日期选择框弹出后消失

原因是窗口太小,日期窗碰撞边缘后会消失,解决方法是增加 trigger: click 属性。 laydate.render({ elem: #kp_date , type: date , trigger: click });

机器学习与 S3 相集成 :释放数据的力量

文章作者:Libai 引言 在当今数据驱动的世界中,企业不断寻求如何高效利用企业自身所产生的数据的解决方案。机器学习已经成为一种提取有价值的见解和做出数据驱动决策的强大工具。然而,机器学习模型的成功在很大程度上依赖于高质量数据的可用…

DDoS高防IP到底是什么?

DDoS高防IP是提供一个带防御的IP,主要是针对网络中的DDoS攻击进行保护,是针对互联网服务器遭受大流量的DDoS攻击后,导致服务不可用的情况下,用户可以通过配置高防IP,将攻击流量引流到高防IP上,从而确保源站…

SpringCloud原理-OpenFeign篇(四、请求原理)

文章目录 前言正文一、书接上回,从代理对象入手二、ReflectiveFeign.FeignInvocationHandler#invoke()三、SynchronousMethodHandler#invoke(...) 的实现原理3.1 invoke(...)源码3.2 executeAndDecode(...) 执行请求并解码 四、如何更换client 的实现 附录附1&#…

详细学习Pyqt5中的2种弹簧

Pyqt5相关文章: 快速掌握Pyqt5的三种主窗口 快速掌握Pyqt5的2种弹簧 快速掌握Pyqt5的5种布局 快速弄懂Pyqt5的5种项目视图(Item View) 快速弄懂Pyqt5的4种项目部件(Item Widget) 快速掌握Pyqt5的6种按钮 快速掌握Pyqt5的10种容器&…

数学 --笔试、面试高频

数学 排列组合 10个相同的糖果,分给三个人,每个人至少要得一个。有()种不同分法 10个糖果,中间正好9个空挡,从这9个空挡中任意取出2个作为分割点,正好能把糖果分为3份,并且保证每一份中至少有一个糖果。…

iview select组件在大数据情况下虚拟加载处理方式

select 组件在几千上万条数据的时候特别卡,调试发现option组件渲染太多,导致整个页面都卡,通过调研发现可以通过虚拟加载的方式动态渲染option,亲测上万数据一点都不卡,废话不说,上代码 虚拟加载用的是 vu…