MacにReact Nativeの環境を構築する手順

2020-04-15時点の手順です。

Xcodeをインストールする

App Storeより検索してインストールする。

XcodeのライセンスをAcceptする

$ sudo xcodebuild -license accept

Android Studioをインストールする

Android Studio からダウンロードしてインストールする。

Android SDKをインストールする

Android Studioを起動する。起動時に自動でインストールされる。

Node.jsをインストールする

ここではnvmを利用してインストールする。

nvmのインストール

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

ログイン時にnvmが利用できるように設定する

macOS Catalinaの人は~/.zshrcに、それ以前の人は~/.bash_profileに、nvmインストール時に表示される下記を記載する。

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

上記ファイルが無ければ作成する。既にファイルがあれば勝手に追加されているかも。
記載後にシェルを再起動する。

Node.jsをインストールする

ここではv10.13.0を入れる。

$ nvm intall v10.13.0

Yarnをインストールする

$ npm install -g yarn

CocoaPodsをインストールする

ここではHomeBrewを利用して入れる。

HomeBrewをインストールする

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

CocoaPodsをインストールする

brew install cocoapods
pod setup

JDKをインストールする

最新のJDK14だとAndroidビルド時にエラーになるようなので、JDK11をインストールする。

$ brew install java11

インストール時に表示されるパスを~/.zshrcまたは~/.bash_profileに記載する。
記載後にシェルを再起動する。

export JAVA_HOME=/usr/local/Cellar/openjdk@11/11.0.6+10
PATH=${JAVA_HOME}/bin:${PATH}

done!!