前言
之前自己debug一般都是在浏览器的控制面板里找到对应的代码文件，然后给对应代码打断点进行debug。这样不方便的点在于，每次写完代码你得到控制面板重新找，多出来的这个步骤给人很明显的割裂感。
所以我想在编辑器里若能直接在对应代码上打断点就好了，所幸我在youtube上找到了设置方法。
操作如下：
具体操作
-
先本地启动项目
-
界面右上角点击
Edit Configurations -
添加jsDebug选项
-
设置本地网址
-
开启debug
点击之后，浏览器就会打开一个页签展示本地运行效果，以及后续进行debug
-
点击具体代码行打断点
点击对应的代码行就能打断点，被断点的那一行会标红。
-
操作页面触发断点
-
点击本地效果，去触发断点。在Debug标签页就能看到此时的数据情况
-
