React Native在windows上android环境搭配及注意事项

  • Post author:
  • Post category:其他


React Native是新型跨平台开发的技术,简称RN。开发和维护团队是Facebook,现在开源了,应该会火起来吧。

直奔主题…….

环境搭配:

本人的电脑win10,win7和win8都差不多的。

需要安装的有nodejs,python2.x,JDK,Android SDK,react-native工具;代码编辑器的话,用mac或Linux的可以用官方推荐的atom+nuclide,我用win的就用notepad++或sublime这些工具,记得安装一些插件检错。

本人是参考官网的安装步骤,简化和梳理一下流程,也包括自己对流程的理解,免得搭了环境还是蒙蒙哒。
大笑

这是RN中文官方网:http://reactnative.cn/(中文官方网更新当然没英文快,对于我这初学者是福音),这个官网也有教程,完全是用命令行安装的,网速有点扯蛋,不能完全按照上面的执行。

第一步,安装python2.x,一定要2.x,官网地址https://www.python.org/,下载安装。测试环境,cmd运行python

第二步,安装nodejs,官网地址:https://nodejs.org/en/(个人爱好LTS版,LTS:长时间支持版本),下载安装。测试环境,cmd运行node -v

第三步,(可选的,版本控制工具,不用就不装)安装git,官网地址:https://git-scm.com/downloads,下载安装。测试环境,cmd运行git –version

第四步,安装c++编译环境,就是微软的visual c++ 2010什么的,有玩游戏的同学都知道了这些c++的运行库,有了这些就可以省下NDK了,我的电脑都有了不用装。

第五步,安装jdk(最好是1.8或以上),Android SDK,打开SDK管理器,下载相应的东西,如下图(打勾的)

必须是这个23.0.1


6.0的api全勾上吧,懒得选哪个哪个了。


android的一些兼容包


ANDROID_HOME环境变量


Android SDK的tools和platform-tools目录添加到PATH变量中,PATH全部大写。



第六步,使用npm命令安装RN的cli。npm是什么?nodejs提供的包管理工具,像mac或linux的命令行安装环境。cli是什么?命令行工具。

npm install -g react-native-cli

在执行以上命令之前,先设置淘宝镜像或者cnpmjs镜像,不然挂个vpn,cmd命令行执行下面任意一种。

淘宝镜像:npm config set registry https://registry.npm.taobao.org

cnpmjs镜像:npm config set registry http://registry.cnpmjs.org

环境搭配得差不多了,可以测试下项目,下载那demo项目要很久,不要下载系统盘,我试了半天运行不了,文件权限问题。

react-native init 本地路径(非系统盘)

经过漫长的等待,下载好了demo项目,可以执行程序了。

第一步,打开nodejs服务器,这个是RN的命令,它依赖于nodejs服务器。

react-native start

第二步,adb的知识做安卓的都知道啦,只要连接上模拟器或设备了,就会在设备上运行apk了。

react-native run-android

接下来,你的模拟器或真机会出现欢迎到react native之类的文字。

环境全部都答通了。

关于RN的入门开发,稍后章节会更新。。。。



版权声明:本文为qq_29623203原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。