Webstorm 前端调试

拒绝 console.log，从你我做起

添加配置

坑

已知直接点击npm run start的调试，有可能会出现断点断不住的现象，也就是压根没进入debug模式或者其他什么原因，也可能是启动器和配置千奇百怪导致的。

设置Webstorm调用浏览器调试

这种方法直接启动本地的浏览器进行调试，拓展性强

添加一个JavaScript调试

• URL设置为项目监听的URL
• 浏览器设置你常用的

设置自定义浏览器（可选）

我用百分浏览器，纯粹是因为有个右键关闭标签页功能

点 + 号选一个就行，支持 Chrome 等各种系列的，路径选择浏览器本体（找快捷方式，按打开文件位置）

运行流程

1. 先npm run start，正常启动你的项目
2. 启动完能访问后，点击你新建的“JavaScript 调试”的debug按钮
3. 随后webstorm就会打开一个浏览器定位到你的项目，并且启用调试功能

然后就可以愉快的打断点了

设置一键启动（可选）

直接在这个面板上配置一下，就可以点一个按钮开两份运行了

• 上一篇
• 下一篇