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

转载 2015年11月18日 10:04:24

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/ 试下。(看似灵异时这个复选的状态是反的。但后来又灵异的变好了)
  

webstorm创建和调试vue项目

安装node.js官网下载安装 https://nodejs.org/en/cmd下创建项目创建项目文件夹webpack-vue,并cd进入 安装vue-clinpm install -g vue...
  • wm5920
  • wm5920
  • 2017年12月22日 13:54
  • 1312

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

1. 前置条件。已按ThinkJS 2.0 文档 之 《创建项目》 建好项目。   说明a: 本示例创建项目名为wagang,使用es6配置: thinkjs new wagang --es6  ...
  • yuu2lee4
  • yuu2lee4
  • 2015年11月18日 10:04
  • 701

断点调试express

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和...
  • yaoyyl
  • yaoyyl
  • 2016年10月28日 11:50
  • 1170

使用webstorm调试nodejs

一、使用webstorm启动 nodejs web app 二、配置debug调试的 nodejs web app 三、给nodejs设置断点 四、单步调试nodej...
  • hbiao68
  • hbiao68
  • 2016年10月21日 11:53
  • 5982

webstorm调试pomelo断点无效问题

最近打算看下网易的的pomelo框架。对于菜鸟来说,每一步都不是那么容易。这里记录下步骤和问题。 开发环境:  WINDOWS7, VS2015, python 3.6.1, WebStorm201...
  • csbujisky
  • csbujisky
  • 2017年07月04日 22:16
  • 296

断点调试

import pdb; pdb.set_trace() # 运行到这语句,会出现断点     输入命令:     命令的详细帮助: h     查看代码上下文, l(小写L)     ...
  • lyj1101066558
  • lyj1101066558
  • 2016年05月23日 10:26
  • 89

断点调试python代码

通过ipython调试 from IPython import embed embed() 通过pdb import pdb pdb.set_trace()
  • scopop
  • scopop
  • 2014年04月24日 11:57
  • 1681

WebStorm断点调试

小码哥教育 2017-02-27 14:18 最近HTML5很火,而且大家都在用WebStorm开发工具,但是有个问题是我们写JavaScript怎么像其他编辑器那样进行断点调试呢,今天就带...
  • u011277123
  • u011277123
  • 2017年02月28日 09:05
  • 5631

用webstorm进行javascript的Debug

本来想些一个关于karma+jasmine单元测试覆盖率和如何与kenkins配合使用,发现已经有一篇写的很好的了,而且验证是可以用的。地址直接贴上了:http://www.myexception.c...
  • yangyuhan156
  • yangyuhan156
  • 2015年10月04日 20:35
  • 20650

WebStorm打断点调试Angular4应用

我用的是WebStorm和Google浏览器调试的Angular4,配置步骤如下: 1. 2. 3. 4. 5. 现在在Google浏览器或者WebStorm打断点调试都可以了...
  • iaiot
  • iaiot
  • 2018年01月20日 10:49
  • 112
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ThinkJS 项目用 WebStorm 来设置断点与调试
举报原因:
原因补充:

(最多只允许输入30个字)