需要安装的环境

  • Homebrew
  • NodeJS
  • React Native的命令行工具（react-native-cli）
  • Android Studio
  • Watchman
  • Git

安装Homebrew

  • 我们去到Homebrew官网

  • 复制命令

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  • 打开命令终端

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    过程中可能需要输入账户密码(开机密码)，整个安装过程可能会持续数（或数十）分钟。

  • 直到看到Installation successful!字样，表示安装成功。

安装NodeJS

  • 上面安装好了Homebrew，我们可以直接用Homebrew安装nodejs，省去了繁杂的手动安装过程。
    brew install node

安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

安装React Native的命令行工具（react-native-cli）

  • 上面安装好了node，也就可以用node自带的npm包管理工具了。
  • 使用npm install -g react-native-cli命令安装react-native-cli
    npm install -g react-native-cli

    安装Android Studio

  • 咱们去到Android Studio官网下载。也可以使用下载工具直接下载：下载链接

    Android Studio需要Java Development Kit [JDK] 1.8（暂不支持更高版本）。你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求，则可以到 官网上下载。

  • 安装以后启动。

  • 如果出现Unable to access A.. 弹框提示，选择左边Setup Proxy。
  • 选择Manual Proxy...
    Host name：mirrors.zzu.edu.cn
Port number：80

    mirrors.zzu.edu.cn 为郑州大学开源镜像站

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

除非特别注明，请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository，而这也是React Native必须的（否则在react-native run-android时会报appcompat-v7包找不到的错误）。

安装过程中有一些需要改动的选项：

  • 选择Custom选项:
  • 勾选Performance和Android Virtual Device:
  • 安装完成后，在Android Studio的启动欢迎界面中选择Configure | SDK Manager。
  • 在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
  • 在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须是这个版本）。然后还要勾选最底部的Android Support Repository.

ANDROID_HOME环境变量

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中：(译注：~表示用户目录，即/Users/你的用户名/，而小数点开头的文件在Finder中是隐藏的，并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑。如不熟悉vi操作，请点击这里学习）。如果你的命令行不是bash，而是例如zsh等其他，请使用对应的配置文件。

# 如果你不是通过Android Studio安装的sdk，则其路径可能不同，请自行确定清楚。
export ANDROID_HOME=~/Library/Android/sdk

然后使用下列命令使其立即生效（否则重启后才生效）：

source ~/.bash_profile

可以使用echo $ANDROID_HOME检查此变量是否已正确设置。

安装Watchman

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）。译注：此工具官方虽然是推荐安装，但在实践中，我们认为此工具是必须安装，否则可能无法正常开发。

brew install watchman

将Android SDK的Tools目录添加到PATH变量中

你可以把Android SDK的tools和platform-tools目录添加到PATH变量中，以便在终端中运行一些Android工具，例如android avd或是adb logcat等。具体做法仍然是在~/.bash_profile中添加：

export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

安装git

Git版本控制。如果你已经安装过Xcode，则Git也已经一并安装了。如若没有，则使用下列命令安装：

brew install git

results matching ""

    No results matching ""