首页 > Web开发 > 详细

ThinkJS 项目用 WebStorm 来设置断点与调试

时间:2015-11-17 21:46:04      阅读:598      评论:0      收藏:0      [点我收藏+]

1. 前置条件。已按ThinkJS 2.0 文档 之 《创建项目》 建好项目。
  说明a: 本示例创建项目名为wagang,使用es6配置: thinkjs new wagang --es6
  说明b: 最后两步(启动项目、访问项目)后,控制台输出如下。
  技术分享

2. 用WebStorm打开项目,修改/src/home/logic/index.js,添加两行代码。
  本文内容,在13行位置设断点进行调试。
  技术分享

3. 我的WebStorm版本为10.0.4,按以下步骤添加一个debug:
  技术分享
  ---》》》
  技术分享
  ---》》》
  技术分享
  ---》》》
  技术分享

4. 启动调试:
  技术分享

5. 由于本示例项目使用es6参数,src目录下的是源代码,经babel编译到app目录下,所以,需要把断点改设到app目录下对应的文件。
  技术分享

6. 访问 http://127.0.0.1:8360/ ,预期应该是顺利进入断点的。
  技术分享

7. 如果没有进入断点,别灰心,我也碰到过灵异现象,把这个去掉勾选,再访问 http://127.0.0.1:8360/ 试下。(看似灵异时这个复选的状态是反的。但后来又灵异的变好了)
  技术分享

 

ThinkJS 项目用 WebStorm 来设置断点与调试

原文:http://www.cnblogs.com/jkisjk/p/debug_thinkjs_with_webstorm.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!