react-native 一步步:环境搭建

前端之家收集整理的这篇文章主要介绍了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

npm 安装工具

npm install -g react-native-cli

测试

react-native init AwesomeProject
cd AwesomeProject/
@H_502_121@iOS 启动
  • 用 XCode 打开 ios/AwesomeProject.xcodeproj

  • Cmd+B 编译

  • Cmd+R 刷新

@H_502_121@Android 启动
  • react-native android 部署安卓环境,要下载很多东西

  • 启动虚拟机 android avd

  • react-native run-android

猜你在找的React相关文章