react-native 一步步:环境搭建

发布时间:2019-08-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了react-native 一步步:环境搭建脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

以下大部分内容来自官方,有微调

系统要求

  1. 一个装有 OS X 系统的开发机

  2. Homebrew 包管理工具

    brew install nvm
    brew install watchman
    brew install flow
  3. 安装 Nodejs 4.0或者更新

    nvm install node && nvm alias default node
  4. 定期执行 brew up && brew upgrade

iOS 环境安装

  1. 安装 xcode

AndROId 环境安装

  1. brew install java

  2. brew install android-sdk,如果被墙,去 AndroidDevTools

  3. 修改配置文件:~/.bash_PRofile
    export ANDROID_HOME=/usr/local/opt/android-sdk

  4. 在命令行运行 android,安装依赖的包

    • Android SDK Build-tools version 23.0.1

    • Android 6.0 (API 23)

    • Android Support ReposITory

  5. 安装模拟器相关,可以和 4 一起安装

    • Intel x86 Atom System Image (for Android 5.1.1 - API 22)

    • Intel x86 Emulator Accelerator (HAXM installer)

  6. 安装虚拟机加速模块(5完成后)
    安装:$SDK/extras/intel/Hardware_Accelerated_Execution_Manager/IntelHAXM.dmg
    控制台执行:kextstat | grep intel
    验证输出有:com.intel.kext.intelhaxm

  7. 配置虚拟机(如果创建失败了,试试其它机型,如 Nexus 4
    运行 android avd

react-native 一步步:环境搭建

npm 安装工具

npm install -g react-native-cli

测试

react-native init AwesomeProject
cd AwesomeProject/

iOS 启动

  • 用 XCode 打开 ios/AwesomeProject.xcodeproj

  • Cmd+B 编译

  • Cmd+R 刷新

Android 启动

  • react-native android 部署安卓环境,要下载很多东西

  • 启动虚拟机 android avd

  • react-native run-android

脚本宝典总结

以上是脚本宝典为你收集整理的react-native 一步步:环境搭建全部内容,希望文章能够帮你解决react-native 一步步:环境搭建所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。