- mac相对比较容易,首先安装包管理器brew(强烈推荐,也可手动安装),然后安装nodejs,Xcode 7+。
- windows稍微麻烦,choco可以代替brew,然后安装python2:
choco install python2
,然后安装Android环境,推荐Android Studio(或者只装android sdk其实也可以),配置下载adk,打开sdk manager,下载android api版本,以及Image(Google APIs
、Intel x86 Atom System Image
、Intel x86 Atom_64 System Image
以及Google APIs Intel x86 Atom_64 System Image
)必选Android SDK Build-Tools 23.0.1
,配置JAVA_HOME
和ANDROID_HOME
我就不说了
测试安装
-
npm install -g react-native-cli
全局安装react-native工具包 -
react-native init app
, 这里如果碰到node-gyp rebuild
等类似错误是因为安装bufferutil
、utf-8-validate
等包出错,可以直接跳过,不影响开发,一般情况是因为在windows环境依赖的build环境不完整,总之是一个大坑,很多现在的这种包在windows底下都会出错,不想折腾的就直接安装VS 2015选择自定义安装第三方的一些工具来解决,具体就不赘述了,找了一篇文章自己琢磨吧windows 安装环境 -
cd app
,react-native run android
orreact-native run-ios
,出错一般是因为模拟器没有启动或adb
通道被占用,mac环境一般没什么问题,windows环境推荐真机调试,模拟器实在是一个慢啊,可以adb devices
查看连接的手机
PS
安装过程中可能会遇到很多错误,需要耐心,大多是:
- 一些build工具缺失和依赖包安装失败,检查
nodejs
、npm
版本和python
版本以及环境变量是否正确 - windows下安装成功却跑不起来可能是因为
gradle
版本问题,降低一下版本试一下 -
react-native start
可以单独启动Packger
;android模拟器ctrl+m
可以调出开发者菜单;真机adb devices
可以看到手机列表 - 无法连接到
dev server
需要配置dev setting
的debug server
ip地址,记得加上端口号8081
-
init
命令后的项目名称即是包名称,不要使用-
,非特殊情况千万不要修改,会产生一堆奇诡错误
依靠错误信息和Google一步一步解决把,本章结束。
网友评论