React Native開発環境構築
https://facebook.github.io/react-native/docs/getting-started
に従ってセットアップ。
Node.jsインストール
brew経由の場合
brew install node
Nodebrew経由の場合
# Nodebrewをインストール
brew install nodebrew
mkdir -p ~/.nodebrew/src
# 利用可能なバージョン番号確認する場合は
# nodebrew ls-remote
# を実行
# Node.jsインストール
nodebrew install-binary v6.5.0
nodebrew use v6.5.0
watchmanインストール
brew install watchman
react-native-cliインストール
npm install -g react-native-cli
(Android開発をする場合)Android Studioインストール
https://developer.android.com/studio/install.html
に従ってインストール。
- 環境変数に以下を設定。
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH
- Android SDK Manager($ANDROID_HOME/tools/android)で 必要なバージョンのSDK、Build Toolsをインストールしておく。
これらの設定を忘れた場合、ビルド時に
「SDK location not found」や「adb: command not found」や
「failed to find Build Tools」が出るかも。
(iOS開発をする場合)Xcodeインストール
App Storeからインストール。
なお、Gradle Daemon については今回は入れずにスキップ。
React Nativeプロジェクト作成 と アプリ起動
# プロジェクト作成
react-native init xxxx (xxxxは任意のアプリ名)
cd xxxx
# アプリ起動(Androidの場合)
react-native run-android
# アプリ起動(iOSの場合)
react-native run-ios