1. react-native环境搭建

  1. mac相对比较容易,首先安装包管理器brew(强烈推荐,也可手动安装),然后安装nodejs,Xcode 7+。
  2. windows稍微麻烦,choco可以代替brew,然后安装python2:choco install python2,然后安装Android环境,推荐Android Studio(或者只装android sdk其实也可以),配置下载adk,打开sdk manager,下载android api版本,以及Image(Google APIsIntel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image)必选Android SDK Build-Tools 23.0.1,配置JAVA_HOMEANDROID_HOME我就不说了

测试安装

  1. npm install -g react-native-cli全局安装react-native工具包
  2. react-native init app, 这里如果碰到node-gyp rebuild等类似错误是因为安装bufferutilutf-8-validate等包出错,可以直接跳过,不影响开发,一般情况是因为在windows环境依赖的build环境不完整,总之是一个大坑,很多现在的这种包在windows底下都会出错,不想折腾的就直接安装VS 2015选择自定义安装第三方的一些工具来解决,具体就不赘述了,找了一篇文章自己琢磨吧windows 安装环境
  3. cd app, react-native run android or react-native run-ios,出错一般是因为模拟器没有启动或adb通道被占用,mac环境一般没什么问题,windows环境推荐真机调试,模拟器实在是一个慢啊,可以adb devices查看连接的手机

PS

安装过程中可能会遇到很多错误,需要耐心,大多是:

  1. 一些build工具缺失和依赖包安装失败,检查nodejsnpm版本和python版本以及环境变量是否正确
  2. windows下安装成功却跑不起来可能是因为gradle版本问题,降低一下版本试一下
  3. react-native start可以单独启动Packger;android模拟器ctrl+m可以调出开发者菜单;真机adb devices可以看到手机列表
  4. 无法连接到dev server需要配置dev settingdebug serverip地址,记得加上端口号8081
  5. init命令后的项目名称即是包名称,不要使用-,非特殊情况千万不要修改,会产生一堆奇诡错误

依靠错误信息和Google一步一步解决把,本章结束。

你可能感兴趣的:(1. react-native环境搭建)