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 命令前进行启动服务的 命令 , 根据自己项目的启动命令填写
配置完之后点击红色的小乌龟就可以开始调试了