React Native可以快速开发IOS、Android应用,很多对运行速度不做苛刻要求的公司都会选择React Native开发移动产品,但是顺应市场需求,最近笔者也是在学习RN。但要比较用户体验,个人认为Android比它要流畅一些。
安装
python 2
进入python官网下载即可(目前只能支持python 2)
附上链接:python 2 官网下载链接
安装完成后,需要配置环境变量,在右击电脑-属性-高级系统设置-高级-环境变量-Path-编辑-添加-安装路径(例如:D:\Program Files\python)。
Node
进入Node.js官网下载即可(Node.js v7.1貌似不能在windows下运行,选择其他版本即可)
附上连接:Node.js中文网下载链接
安装完成后,需要配置环境变量,在右击电脑-属性-高级系统设置-高级-环境变量-Path-编辑-添加-安装路径(例如:D:\Program Files\nodejs)。
Yarn、React Native的命令行工具
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
在命令提示符窗口下输入 npminstall -g yarn react-native-cli
Android Studio
在Android Studio内可以下载所需的Android SDK和模拟器
附上链接(翻墙):Android官网下载链接
在安装时确定所有安装选项都勾选了,尤其是Android SDK和Android Device Emulator。
安装完成后,需要配置环境变量,在右击电脑-属性-高级系统设置-高级-环境变量-新建-ANDROID_HOME-SDK路径(例如:E:\sdk)。以及在Path-编辑-添加-sdk安装路径\tools(例如:E:\sdk\tools)和及在Path-编辑-添加-sdk安装路径\platform-tools(例如:E:\sdk\platform-tools)。
测试
在一个空白目录下,按住shift+右键,打开命令提示符窗口
输入 react-native init test
等全部加载完成并且不报错,即可下一步,安卓手机(模拟器)连接电脑,手机打开开发者模式-USB调试后
输入 cd test 回车
输入react-native run-android
一段时间后即可在手机中弹出这个test的项目。没有红色的界面即大功告成!
推荐
IDE
笔者尝试了一些编译器,最后选择WebStorm,个人感觉界面比较像Android Studio(同一公司开发),用起来轻车熟路,而且支持很多第三方插件,运行项目时不用输入命令行。
附上链接:jetbrains官网下载地址
下载完成后 在 “ license server ” 输入:http://idea.imsxm.com/。即可完成破解
模拟器
推荐之前在Android开发中的使用的模拟器Genymotion
附上链接:genymotion官网下载地址
需要注册下载,个人使用免费。
进阶
任何技术都免不了看开发文档
附上链接:
最后祝读者学习愉快!