nw.js调试引用React developer tools工具

  React Developer Tools是一款由facebook开发的有用的Chrome浏览器扩展，使用Chrome Dectools进行调试的时候，可以查看到应用程序的React组件分层结构。添加React Developer tools到Chrome，是对Chrome开发工具的React调试工具，对开发者来说可以更直观的对项目进行调试。（嗯，上面的这些都是抄的）

所以今天我们要做的就是如何在Chrome中引用React Developer Tools，进而学习在nw.js中如何引用React Developer Tools。

首先在Chrome中安装React Developer Tools，安装该扩展程序需要到chrome商店中下载安装，所以我们需要翻qiang,然后我就这么做了（我有罪）

打开chrome的：设置->扩展程序->获取更多扩展程序，就可以看到chrome商店：

在左边的搜索框里查找 React Developer Tools 可以看到：

选择第一个：添加到CHROME，安装完成以后就可以在扩展程序里面看到React Developer Tools了：

这个时候我们试着打开网页：http://www.baidu.com。然后打开调试工具：

我们发现并没有React工具，好像没有安装成功。这时候我打开我们项目的网站： XXX，这个网站是我们大伯索（伯索网络有限公司，公司网站： http://www.plaso.cn/desktop.html）的产品，伯索是一款在线教学应用平台,主要针对教育机构线下课程以及中小学课内课程进行远程教学辅导。可以随时提问、流畅手写、即时录制、实时课堂。让学生的学习更轻松!（嗯，这广告有点硬）。

言归正传，输入网址后打开调试工具，就可以看到

说明react调试控件成功安装，以后写代码的时候可以很方便的调试了。

---

但是，我们是想在nw.js中引用这个控件，首先我一般都是通过命令行来启动项目（将nw.js路径添加到环境变量中就可以了），平时在启动的时候是nw app，如果引用 React Developer tools，首先找到安装的路径（C:\Users\XXX\AppData\Local\Google\Chrome\User Data\Default\Extensions\fmkadmapgofadopljbjfkapdkoienihi\0.15.4_0）

找到了文件所在的位置就在命令行启动的时候引用它：

nw -load-extension='C:\Users\XXXAppData\Local\Google\Chrome\User Data\Default\Extensions\fmkadmapgofadopljbjfkapdkoienihi\0.15.4_0' app

待程序正常启动以后打开调试工具：

到这里nw.js就可以通过react 调试啦。

但是，这样的话每次启动的时候就要加上一老串的文件地址，这个还是很不方便的。那么这个该怎么办呢？（使用bash的alias，设置别名）