转载请标明出处：
http://www.jb51.cc/article/p-zidoiric-bgy.html
本文出自:【江清清的博客】
(@H_403_29@一)@H_403_29@前言
@H_403_29@上一讲我们已经对于在OS X@H_403_29@系统上面对于React Native For Android@H_403_29@的环境搭建以及第一个实例做了详细讲解。所谓工欲善其事，必先利其器，做ReactNative@H_403_29@开发也和其他应用开发一样，最好有一个比较好的IDE工具。那么这边比较推荐以下几款工具:sublime,webstorm@H_403_29@以及官网推荐的Nuclide@H_403_29@。下面我们主要讲解一下后面两款工具。
@H_403_29@刚创建的React Native@H_403_29@技术交流群(282693535),@H_403_29@欢迎各位大牛,React Native@H_403_29@技术爱好者加入交流!@H_403_29@同时博客左侧欢迎微信扫描关注订阅号,@H_403_29@移动技术干货,@H_403_29@精彩文章技术推送!
(@H_403_29@二)Nuclide@H_403_29@常规安装以及配置
Nuclide@H_403_29@是Fackbook@H_403_29@专门为React@H_403_29@开发IDE@H_403_29@，官网提供哦~@H_403_29@。但是Nuclide@H_403_29@是Atom的基础上面提供了一系列的插件集合。所以我们需要首先安装Atom@H_403_29@。
Nuclide@H_403_29@项目官方地址:https://github.com/facebook/nuclide
2.1.Atom@H_403_29@安装
Atom@H_403_29@是一个开源版本的编辑器，有着非常强大以及完美的体验，Atom最大的特色就是可以安装很多的插件来完成我们的需求。官网地址:https://atom.io/ @H_403_29@去官网下载安装即可。
2.2.Nuclide@H_403_29@安装
Atom@H_403_29@已经安装成功了，下面就开始安装Nuclide@H_403_29@，直接打开Atom软件，点击Atom->Preferences@H_403_29@打开Setting,@H_403_29@然后点击install@H_403_29@，输入nuclide-installer@H_403_29@搜索，进行下载即可，如下图 :
这种方式我们是选择插件下载进行安装，另外的一种方式我们可以直接在命令行执行以下命令(利用Atom的包管理器apm安装):
apminstall nuclide-installer
@H_403_29@最后重启一下Atom即可。不过这两种方式我这边都不太推荐大家使用，因为楼主亲身体验过，这两种方式一方面是安装速度比较慢，而且下载安装完之后Atom直接会卡，然后提示找不到Nuclide@H_403_29@相关模块。
(@H_403_29@三)Nuclide@H_403_29@源代码编译安装(@H_403_29@强烈推荐)
Nuclide@H_403_29@项目官方地址:https://github.com/facebook/nuclide@H_403_29@，我们知道该项目是facebook@H_403_29@官方提供的，当然我们也给开发者提供了一种源代码编译安装的方式。使用起来非常简单:
@H_403_29@终端安装截图如下:
@H_403_29@这样就OK@H_403_29@了，下面就是打开Atom软件，开始进行狂写React Native@H_403_29@项目代码吧。至于项目初始化init@H_403_29@以及编译运行的方法，大家还是看前一篇文章哦~@H_403_29@这边就不多说了。
(@H_403_29@四)WebStorm IDE@H_403_29@介绍和安装
@H_403_29@我相信做过Web@H_403_29@前端的童鞋们，肯定对WebStorm IDE@H_403_29@非常的熟悉WebStorm @H_403_29@是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。@H_403_29@该IDE官网地址:https://www.jetbrains.com/webstorm/ @H_403_29@。该新版本已经支持了React@H_403_29@了，所以在现如今的开发阶段WebStrom@H_403_29@已经算是支持性最好的IDE了，大家有兴趣可以下载使用以下哦~@H_403_29@，不过该是收费的，土豪忽略，至于破解版本看大家的了。
@H_403_29@新版本更新信息如下:
[@H_403_29@注]:WebStorm@H_403_29@对于JSX@H_403_29@最好配置一下哦，打开Settings,@H_403_29@作如下截图配置即可:
@H_403_29@最后通过WebStorm@H_403_29@打开我们一个已经存在的React Native@H_403_29@项目。
(@H_403_29@五)@H_403_29@最后总结
@H_403_29@今天主要讲解了开发React Native@H_403_29@的相关IDE(WebStorm@H_403_29@， Nuclide)@H_403_29@的安装和基础配置使用，下一篇我们对于应用的调试(Debug)@H_403_29@方法做相关详解，敬请期待~
尊重原创，转载请注明：From Sky丶清（http://blog.csdn.net/developer_jiangqq） 侵权必究！
关注我的订阅号(codedev123),每天分享移动开发技术(Android/IOS),项目管理以及博客文章!(欢迎关注，第一时间推送精彩文章)
关注我的微博，可以获得更多精彩内容
