1：android stduio +SDK +JDK（as 的配置就不多说了）
2：下载node.js 推荐最新版（至少也是4.1以上）
3：配置环境变量 ANDROID_HOME 指向SDK目录（as中localproperties文件中有），加入Path
4：打开命令窗口，执行npm install -g react-native-cli 引入插件库
5：进入你想要新建工程的目录，在此处打开命令窗口，执行react-native init RNTest
6：进入工程根目录（即android、ios等几个文件夹共存的文件夹。），在此处打开命令窗口，执行npm start
7：第6完成之后，打开另外一个命令窗口（6中的命令窗口不要关），执行react-nativerun-android
PS:步骤7中，请确保至少有一台真机或者是模拟器处于调试状态中，另外，是6已经完成，服务器开启之后。
8：程序已经运行在模拟器上，说明初步的环境搭建已经成功，可以使用as+ws进行程序开发。
9：as打开项目根目录下的android文件夹。
10：下载最新版的webstorm，即webstorm11。
11：ws打开项目根目录
12：
如上图所示，这是已经配置好的情况，再第一次打开时，红框内是空的，需要点击进行编辑。
在弹框中，先点击+号，然后选择npm。
右侧配置如上。
记得webstorm一定要是11, 10是没有npm这个选项的。
以上内容填写完成之后，点击OK，ws的配置便已经完成。
这时候就可以用ws对项目进行运行，不必要打开命令窗口，点击run，确保服务运行好，然后运行as中的项目，就能让该项目的android版运行在模拟器上了。
这里有一个坑，as引起的，会经常修改了js文件，ws重新编译运行了服务，as也重新编译运行，但显示在模拟器上的内容却没有变化，这时候需要将模拟器上的应用卸载，重新安装。
推荐用mac进行开发。
网友评论