WebStorm Debug 模式配置

582 阅读1分钟

1. 下载 JetBrains IDE Support 插件

地址栏输入 chrome://extensions/ 进入Chrome 扩展程序管理界面
点击左上方扩展程序后底部进入 Google 商店

科学上网之后进入Google 商店搜索下载安装(没办法科学上网的同学可以寻找度娘帮助)
也可以直接输入以下地址进入:chrome.google.com/webstore/de…

2. 配置 JetBrains IDE Support

右击 JetBrains IDE Support 后点击 Inspect in WebStorm 开启调试

Chrome 出现此提示表明 调试功能已经开启

3. WebStorm 配置

点击 Edit configuration 进行添加 JavaScript debug 配置项

下图为配置好的项:

NAME: 命令名称,随意起
URL:本地 服务的地址
Browser: 选择 Chrome

下面还有个Before Launch:.....
这个是用于在启动 debug 命令前进行启动服务的 命令 , 根据自己项目的启动命令填写

配置完之后点击红色的小乌龟就可以开始调试了