【React-Native】（一）编辑器安装及配置

React-Native 编辑器有很多，比如sublimte、Atom和微软推出的一款编辑器等等，各有各的优点，这么多的选择很容易造成困扰，特别是对于只接触Xcode的开发人员来说，生怕用了一个不是很编辑开发的编辑器，后天再转换到其他的平台又需要过过多时间和精力。
如果你也有这样的困惑，webStorm是一个不二的选择。选它就好了，其他的请靠边。

回到正文：

一、WebStorm 安装破解

以下是一位有心的大牛分享了webStorm的下载、破解以及汉化。
看他的就够了--> sean_xia

二、iOS平台 --- Xcode安装

直接到App Store 下载，一键安装。
地址：https://itunes.apple.com/cn/app/xcode/id497799835?mt=12

三、安卓平台 --- android studio 安装

下载及教程： http://www.jianshu.com/p/d91a2ea3e248
补充(android studio 跳过 proxy设置)：http://www.jianshu.com/p/eb66c5132743

四、React-Native安装及环境配置

sean_xia

配置环境遇到的问题：

1、安装react-native-cli，code:E404

Paste_Image.png

解决方法
出现这个问题是因为npm镜像源的问题，推荐小编用的一个国内镜像源：
cnpmjs镜像
搜索地址： http://cnpmjs.org/
registry地址： http://r.cnpmjs.org/
配置方法：

方法1
npm config set registry http://r.cnpmjs.org
//检查是否配置成功
npm config get registry

方法2：通过cnpm
npm install -g cnpm --registry=http://r.cnpmjs.org

接下来重新运行命令：sudo npm install -g react-native-cli
出现下面的界面则安装成功

Paste_Image.png

五、React Dev Tools 安装

这是一个浏览器插件，推荐使用谷歌浏览器chrome(项目调试需要使用这一插件)
下载安装后谷歌浏览器，进入谷歌应用商城,搜索React Dev Tool 下载就可以了。