WebStorm中如何调试Vue项目

---

一、方法一

1.设置调试端口

打开菜单 “File” -> “Setting…”，选中 “Build，Execution，Deployment”，可以看到 Port，默认的 Port 端口为 63342。

2.配置参数

3.启动服务

npm run dev

4.调试

点击调试按钮：

此时会跳出 404 错误页面：

将地址栏的地址修改正确即可进行调试：

二、方法二

在要调试得文件中加入：

debugger

或

console.log()