Willy's Fish教學筆記』

因為工作需要，所以開始研究了 React Native
不過在第一步：環境的建製上就遇上了問題
這個問題是當我執行 react-native run-android 指令時
卻回傳下列訊息

Could not install the app on the device, read the error above for details.

Make sure you have an Android emulator running or a device connected and have

set up your Android development environment:

https://facebook.github.io/react-native/docs/android-setup.html

經過了一番的掙扎，終於成功的解決
首先，先到官網確認該裝的是否有裝好裝滿
下面我依序列出我們會裝到的東西與指令

Homebrew

brew install node

brew install watchman

npm install -g react-native-cil

JAVA JDK8 以上

Android Studio
    Android SDK
    Android SDK Platform
    Performance (Intel HAXM)
    Android Virtual Device

Google APIs

Android SDK Platform 23

Intel x86 Atom_64 System Image

Google APIs Intel x86 Atom_64 System Image

點我可至官網觀看詳細教學
以上這些東西都弄好了，還是出現此問題的話
就是在 ANDROID_HOME 的配置上出問題了

配置的第一步是在 user根目錄建立 .bash_profile 檔案
依我的路徑為：/Users/xxxx/ (Willy 要改成你自己的名稱)
建立好之後，在 .bash_profile 檔案中加入下列三行

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/platform-tools

之後再執行 source 指令
如下
source /Users/xxxx/.bash_profile
然後檢查是否有成功
指令為：echo $PATH

如圖出現我們剛剛加入的 path 就是成功了

最後再到 APP 根目錄下
運行 react-native run-android 試試吧

注意!! PATH 這個變數千萬別不小心改掉了
' $ ' 代表變數的意思，' : ' 則是連接 path 的符號
所以剛剛我們 export PATH=$PATH:$ANDROID_HOME/tools 這行文字
代表我們把 $ANDROID_HOME/tools 這個路徑
加到原本 $PATH 的後面，然後再指派給原 $PATH
如果改掉了，很多原本的基本指令都會失效 
若是真的不小心改掉了，可以參考下列連結還原預設喔

Willy's Fish教學筆記』Mac／Linux 我的 vi 和 vim 都 command not found，不小心改了 .bash_profile 的 PATH 環境變數(量)，怎麼改回預設值呢？

資料來源：
https://facebook.github.io/react-native/docs/getting-started.html
https://gxnotes.com/article/21471.html