React Nativeの環境構築をした

React Nativeの勉強に少し手をつけたので、環境構築の記録を残しておく。

マシンはmacOS 10.12.6

入れたもの

VSCodeを使いたかったので以下も入れた。

Xcode

iOSネイティブアプリの開発環境。App Storeからインストールする。

Android Studio

Androidネイティブアプリの開発環境。以下のリンクからインストールする。

developer.android.com

homebrew

nodeのインストールに必要。

brew.sh

node

$ brew install node

watchman

ファイルの変更を検知して、シミュレータの内容を即座に更新するために使用する

$ brew install watchman

github.com

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