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

相关文章推荐

前端ThinkJS框架解析

Thinkjs 是一个快速、简单的基于MVC和面向对象的轻量级Node.js开发框架,遵循MIT协议发布。秉承简洁易用的设计原则,在保持出色的性能和至简的代码同时,注重开发体验和易用性,为WEB应用开...

ThinkJS 简介

简介最近几年,前端技术呈现出突飞猛进的发展,涌现出了一大批优秀的前端框架,今天给大家带来的就是基于node的一款优秀的优秀的前端框架。之前一直用Express来搭建比较简单的Node应用,但是对于相对...

01、一步一步学thinkjs之安装

以下内容转载自thinkjs.org。安装步骤挺简单的,不详述。 安装 Node.js ThinkJS 是一款 Node.js 的 MVC 框架,所以安装 ThinkJS 之前,需要先安装 Nod...

webstorm调试pomelo断点无效问题

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

解决ThinkJS项目开发中页面跳转报错问题

很多时候在我们查询某一项数据时,在数据过多的时候我们会选择分页展示,但是很多时候会发现在进行页面跳转时会出现报错,报错内容是数据库查询条件为空。 问题分析其实问题很简单,报错的原因是因为代码获取到的查...

利用webstorm 或 node-inspector + chrome 调试nodejs项目

利用Express生成器,几行命令,分分钟即可搭建WEB服务框架, 活跃的社区环境也提供了大量的模块以提高开发效率,githube挂载了许多开源的项目供参考和学习,总之这样一款优秀的框架很值得我们学习...

Maven学习总结(一)----解决使用Maven搭建的SSH框架下的用Tomcat断点调试项目

解决使用Maven搭建的SSH框架下的用Tomcat断点调试项目

快速Phpstorm 断点调试ThinkPHP项目 PHPstudy

前一阵子一直在搞TP,但是用phpstorm调试的时候一直有问题。  一开始不懂应该从入口文件开始调试,直到要调试的方法。但是后来发现这么搞的话也不能调试某个我想要调试的controller,都是固定...

【技巧】断点调试你的express项目

写在前面前端工程师接触最多的是JavaScript,JavaScript程序可以通过浏览器进行调试,比如chrome的调试工具、Firefox的FireBug等。现在大前端趋势下前端工程师开始接触No...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ThinkJS 项目用 WebStorm 来设置断点与调试
举报原因:
原因补充:

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