在编写前端的时候，需要进行调试，默认情况下是通过F12找到源代码然后放置断点来进行调试。这种方法十分的繁琐。在使用Webstorm后发现Webstorm也可以放置断点，但是并不会在断点处停止。也就是说Webstorm的调试不通过一些手段是无法使用的。

在查阅大量资料后总结出了一些方法来使用Webstorm的调试功能。

图片中所使用的项目由Vue 3+Vite+Pinia搭建。Webstorm版本为2023.1

Webstorm在进行调试时会打开一个Chrome浏览器（这取决于系统的默认浏览器，系统默认浏览器是Chrome就启动Chrome，是Edge就启动Edge）。

Chrome浏览器有一些特殊，由于Webstorm会内置一个Chrome浏览器，这个内置的Chrome浏览器和本机安装的Chrome浏览器不是一个浏览器。因此，这个浏览器当中是不会有你安装的插件的。

那么怎么启动这个内置的浏览器呢？

输入完这些之后可以选择启动的浏览器，这里选择默认的Chrome浏览器，选择完毕后点击下面的确定即可。

等待片刻后就会弹出一个浏览器窗口。这个时候就可以在Webstorm放置断点，当程序执行到断点处就会停止运行同时Webstorm也会进入调试状态。

如果想让它启动本机的Chrome应该怎么操作呢？见方法2.

1-3步和方法一 一致。 4. 在浏览器那一栏中选择...

选择完毕后点击确定

如果找不到APPData文件夹可以点击显示隐藏文件（该功能疑似仅2023.1版本有）

创建好JavaScript调试然后选择好Edge浏览器后直接启动即可。