MacにReactNativeの開発環境を構築する

Homebrewのインストール

1. Homebrewの公式サイトにアクセスし、インストール用のコマンドをコピーします

Homebrew公式サイト

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. コピーしたコマンドをターミナルに貼り付けて実行します

3. パスワードを求められたら入力して続行します

4. ==> Installation successful! が表示されたらインストール完了です

5. パスを通すため、上記完了時に表示される ==> Next steps: に従ってコマンドを実行します

==> Next steps:
- Run these commands in your terminal to add Homebrew to your PATH:
    echo >> /Users/<<Macのユーザー名>>/.zprofile
    echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/<<Macのユーザー名>>/.zprofile
    eval "$(/opt/homebrew/bin/brew shellenv)"
- Run brew help to get started
- Further documentation:
    https://docs.brew.sh

6. ターミナルに brew help と入力して、ヘルプが表示されればインストール完了です

Node.jsのインストール

brew install node

Homebrewを使わない場合は、Node.js公式サイトからLTS版をインストールします。

Watchmanのインストール

brew install watchman

Xcodeのインストール

xcode-select --install

Rubyのインストール

brew install ruby

PATHを通す

export PATH="/opt/homebrew/opt/ruby/bin:$PATH"

新規のターミナルを開いてバージョンを確認します

ruby -v

CocoaPodsのインストール

sudo gem install cocoapods

pod –version

React Native CLIのインストール

React Native CLIは、React Nativeアプリケーションを作成するためのコマンドラインインターフェース（CLI）です。React Nativeアプリの作成、ビルド、テスト、デプロイに使用できます。

React Native CLIは、React Native開発に必要な開発ツールをインストールするために使用されるnpmパッケージです。

npm install -g react-native-cli

インストールが終わったら、次のコマンドを実行してインストールがうまくいったか確認します。

react-native --version

react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory