在 WebStorm 下断点调试

jonathan
2017-01-06 / 0 评论

在 WebStorm 下断点调试

配置 WebStorm

将新建的 ThinkJS 2015+ 项目导入到 WebStorm 中,然后在首选项的 JavaScript 版本设置为 ECMASCRIPT 6。如:

alt

点击右上角的 Edit Configurations,然后新建个项目,项目类型选择 Node.js。如:

alt

在右侧配置项 JavaScript File 里填入 www/development.js,或者通过右侧的按钮选择也可以。如:

alt

调试

点击右上角的调试按钮,会启动 Node.js 服务。如:

altalt

如果之前已经在命令行下启动了服务,需要关掉,否则会出现端口被占用导致报错的情况。

在 app/ 目录下的文件设置断点(一定要在 app/ 目录下,不能是 src/ 目录下),如:

alt

打开浏览器,访问对应的接口。返回 WebStorm,点击调试按钮就可以进行调试了,并且看到的是源代码。

alt

评论

博主关闭了当前页面的评论