webstorm 运行android,001 window环境搭建（androidstudio+webstorm）

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进行开发。