反応本機を起動する.

2258 ワード

https://dev-yakuza.posstree.com/ko/react-native/install-on-mac/
実際、上を見ると、効果がいいです.
ただし、いくつかの環境設定部分でエラーが発生した部分があるので、それを少しカスタマイズして上のようにMELOしたいと思います.

Homebrew


Homebrewがインストールされていない場合は、
Homebrewをインストールする必要があります.

Node , npm


brew install node
node --version
npm --version

Watchman


brew install watchman
watchman -version

JDKのインストール


brew tap AdoptOpenJDK/openjdk
brew cask install adoptopenjdk8
brew cask install adoptionpenjdk 8でエラーが発生した場合、
error: calling brew cask install is disabled! use brew install [--cask] instead.
エラーが発生した場合は、
brew install cask adoptopenjdk8
に設定します.

アンドロイドスタジオ


Androidスタジオが優先的に設置されてから運転します.

右下から見ると、
コンフィギュアが見えます
これを選択して、SDK Managerに入ります.

SDKに入ると、

選択28が要求されますが.
私の場合、28位のすべてのバージョンをクリックしました.
インストールがすべて完了した場合
環境変数を設定する必要があります.

環境変数の設定

# export ANDROID_HOME=$HOME/Library/Android/sdk
export ANDROID_HOME=자신의 안드로이드SDK 위치/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
環境変数は設定できますが、私なら~/です.bash profileで設定しました.
もし...bash profileで設定した場合、
source ~/.bash_profile
必ずやります.

環境変数の設定のテスト


adb
命令語を入力してみます.

確認


cd SampleApp
npm run android

表示される場合は、インストールと環境変数が設定されます.

react-ネイティブプロジェクトの作成と確認


npm config set save-exact=true
Reaction Nativeはバージョンによって多くの問題が発生するそうです
したがって、npmコマンドを使用してバージョンを固定することをお勧めします.
mkdir Android_project
cd Android_project
react-native init SampleApp
react Native CLIコマンドでreact-オリジナルプロジェクトを作成します.

実行します。


npm run android