检查出错的调试

断点快捷键

        F9插入断点；再次按F9是删除断点；

        ==Ctrl+F9：禁用断点 ==

        Ctrl+Shift+F9-删除所有断点

        F5:调试快捷键；

        Shift+F5:停止调试；

        F11：进入函数体中；————逐渐深入

        Shift+F11：跳出函数体；

        F10:一行一行调试；————常用
 

用法

        最基本的使用就是在你的左侧去点击断点，进而使用 

        可以用来定义问题出现在那一块，也就是运行到断点位置后停住，通过输出窗口输出情况判断问题的所在 以及如何解决

 如果F10快速按住，就去拖动黄色箭头去拖到你没有看到的那一行

手动设置或删除一个断点

如果在界面中不会使用的话，在最上方有一个调试的地方，点开进而去查看

 查看数据，可以在你想要看的那行数据中点击查看数据，也可以在VS下面可以查看

前台断点调试（vue）

console 

   console.log 输出数值

   console.debug打印调试信息

         console.time console.timeEnd进行时间计时

   console.profile 和 console.profileEnd进行性能测试

控制台 console.log 无法实时打印出引用类型的值
console.log 都会去截取快照，但是如果俩个修改引用类型的顺序和时间十分的接近，这个 console.log 会显示修改后的元素属性
打印时，JSON.stringfy JSON.parse 组合使用可输出当前对象的值

debuger

 调试的意义在于检测每一行，每一个函数，每一个模块是否符合自己预期来执行。

 其中断点调试通常通过恢复运行状态（继续执行）来快速定位bug在哪一个大的模块。

 而单步调试一般是在断点调试的状态下，去具体的定位哪一行代码有bug。