webstorm调试Vue项目

625 阅读1分钟

1. 启动Vue项目

dev模式启动项目,启动成功应该会打印类似下面的消息:

DONE  Compiled successfully in 11956ms                                                 

I  Your application is running here: http://localhost:3000

http://localhost:3000就是项目的访问URL,后面还要用到。

2. debug模式启动 Javascript Debug

image.png

增加配置,类型为JavaScript Debug image.png

Name随便起,URL填写项目访问URL(启动成功时打印的URL),应用保存。 image.png

选择新增的配置,debug模式启动 image.png

3. 断点调试

接下来就可以打断点调试了~