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的入门开发,稍后章节会更新。。。。