一、增加webstorm的JavaScript Debug设置

1.输入Name名称

2.输入URL信息和项目的真实路径对应

图1 JS Debug

二、npm start启动项目

图2 启动项目

三、启动debug

1.设置断点

2.启动debug(根据提示操作，有时候需要stop and rerun)

图3 启动debug

四、总结

通过debug方式可以看到运行期数据，可以更方便的理解程序运行状态和定位问题。