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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容