React Nativeの環境構築をした
React Nativeの勉強に少し手をつけたので、環境構築の記録を残しておく。
マシンはmacOS 10.12.6
入れたもの
- Xcode
- Android Studio
- homebrew
- node
- watchman
- react-native-cli
VSCodeを使いたかったので以下も入れた。
- Visual Studio Code
- VSCode extension for react native
Xcode
iOSネイティブアプリの開発環境。App Storeからインストールする。
Android Studio
Androidネイティブアプリの開発環境。以下のリンクからインストールする。
homebrew
nodeのインストールに必要。
node
$ brew install node
watchman
ファイルの変更を検知して、シミュレータの内容を即座に更新するために使用する
$ brew install watchman
react-native-cli
React Nativeのコマンドラインツール
$ npm install -g react-native-cli
Visual Studio Code
以下のリンクからインストールする。
Visual Studio Code - Visual Studio
VSCode extension for react native
Visual Studio CodeにはReact Native用の拡張機能が存在する。Visual Studio Codeを起動して、画面左下のアイコンから拡張機能に移動し React Native
と検索するとヒットする。
参考
以下のコースを参考にしている。
https://www.udemy.com/the-complete-react-native-and-redux-course