想问一下各位老师，reactjs怎么调试代码

Question

如题所述

Answer 1

chrome自带的devTools就可以调试了，在页面按下F12后就可以开启。在source中可以看到运行的代码，也可以挂断电进行debugger模式的调试。

另外，可以在chrome的扩展程序中搜索React developer tools，安装好插件后，可以发现devTools中出现了一个React的tab，里面可以看到页面的组件结构合数据，也便于调试react程序。

Answer 2

看这篇教程http://www.jianshu.com/p/7d0e1eaab50a
实时调试你的代码~
在webstorm的Terminal中输入npm run watch，然后会在里面输出一堆日志，日志中不能出现红色的Error，同时会输出下面两句：http://localhost:63340/webpack-dev-server/
省略这部分……
webpack: bundle is now VALID.

当你用npm run watch启动时，在编辑器中改代码，会实时在浏览器中反映出来。