React Native 环境搭建

1,353 阅读1分钟

React Native 环境的搭建,在这个过程中也遇到很多坑,特意将搭建过程记录了下来,我是用的 mac 来进行开发,所以仅记录的 mac 下的环境搭建过程。

iOS 环境

安装 node & watchman

node 的安装就不用说了,搞前端开发的都肯定安装了,但是要检查版本一定要在 v14 以上。

然后用 homebrew 来安装 watchman,这是由 Facebook 提供的用来实现实时刷新功能的工具:

brew install watchman

安装 Xcode

一定要先去这里找到支持自己 mac 版本对应的 Xcode,不然下载了也无法进行安装,如果自己的电脑支持的版本在 Xcode 12 以下,那就得先升级自己的 mac 系统了,因为目前 React Native 需要 Xcode 12 版本以上。

image.png 安装完成后需要到操作栏 Xcode > Preferences > Locations 检查是否装有 Command Line Tools

安装 CocoaPods

CocoaPodsiOS 的包管理工具,直接通过 brew install cocoapods 安装即可,安装不成功的话就需要使用代理软件。

iOS 的环境搭建会比 Android 的简单些。

Android 环境

安装 node & watchman

安装过程同 ios

安装 JDK

通过以下命令安装 JDK

brew tap homebrew/cask-versions
brew install --cask zulu11

然后通过以下命令查看是否安装成功:

javac -version

安装 Android SDK

安装 Android Studio

直接去官网下载然后按正常软件安装流程安装即可

安装 SDK

这个是最关键的,一定要安装官方文档的步骤就行操作,不然会无法正常进行编译:

image.png

配置环境变量

将下列命令添加到 ~/.zshrc 配置文件中:

export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator
export PATH=$PATH:$ANDROID_SDK_ROOT/tools
export PATH=$PATH:$ANDROID_SDK_ROOT/tools/bin
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools

然后通过 source $HOME/.zshrc 命令是环境变量立即生效。