美文网首页
1. react-native环境搭建

1. react-native环境搭建

作者: kaenry | 来源:发表于2016-06-20 16:47 被阅读514次
    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环境搭建

          本文链接:https://www.haomeiwen.com/subject/lorydttx.html