1. 设置调试器端口

webstorm  调试 vue  项目_IT

 

 2. 添加调试配置

 

webstorm  调试 vue  项目_调试器_02

 

 

 

webstorm  调试 vue  项目_IT_03

 

 

3. 重启项目   点击调试按钮

webstorm  调试 vue  项目_IT_04

 

 

4. 点击调试按钮会出现 404 页面 这个时候把你项目 启动的 路径复制到浏览器中 

在项目断点就可以调试了

webstorm  调试 vue  项目_重启_05

 

越努力越幸运