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
版本以上。
安装完成后需要到操作栏
Xcode > Preferences > Locations
检查是否装有 Command Line Tools
。
安装 CocoaPods
CocoaPods
是 iOS
的包管理工具,直接通过 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
这个是最关键的,一定要安装官方文档的步骤就行操作,不然会无法正常进行编译:
配置环境变量
将下列命令添加到 ~/.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
命令是环境变量立即生效。