加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react-native 一步步:环境搭建

发布时间:2020-12-15 04:47:50 所属栏目:百科 来源:网络整理
导读:以下大部分内容来自官方,有微调 系统要求 一个装有 OS X 系统的开发机 Homebrew 包管理工具 brew install nvmbrew install watchmanbrew install flow 安装 Nodejs 4.0或者更新 nvm install node nvm alias default node 定期执行 brew up brew upgrade iOS

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

系统要求

  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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读