前言

最近心血來潮，想要做一個全棧的App玩玩，在網上查閱一下現在的主流的技術棧，考慮的自身能力及開發成本，準備做一個node.js+koa2+react-native的app。目前個人的狀態是node.js會一點點點點，koa2不會，react-native也不會（在這幾個技術棧裡算零基礎吧）。但是沒事，我就喜歡從什麼都不會開始做，這樣才好玩，不說廢話了。開始！

環境配置

今天主要做了react-native的環境配置，在網上找了一個教程做參考，不過是做IOS的，本人沒有蘋果電腦。。所以就附上今天windows下搭建安卓環境執行react-native的教程。

java jdk

因為是跑安卓，所以需要依賴java，雖然現在安卓官方語言改成Kotlin了，但是好像也不怎麼關我的事。。下載最新的java即可，下載地址。推薦開啟vpn去下這個要快一點。

勾選同意，然後下載相應的版本，我電腦是64位。下載完畢後，一路next，按照預設路徑是不需要配置環境變數的。如果自定義了路徑，記得去配置環境變數，網上大量教程不贅述。

Android Studio

既然是安卓，sdk少不了，下載地址, 這玩意有點大，下載最新的即可，此時最新的版本2.3.2.0。在下載間隙，可以順便去下載一些其他的。

node,python

Yarn、React Native的命令列工具（react-native-cli）

下載好node之後，需要下載一下react-native的腳手架，幫助我們快速建立起一個專案。
確認node安裝完畢之後，在cmd輸入

npm install -g yarn react-native-cli

設定Android Studio

經過漫長的等待，Android Studio終於下載好了，安裝時需要選擇路徑，開始自定義了路徑，結果到後邊執行程式時一直報錯sdk location not found，明明環境變數也配置過了，但還是沒解決問題，網上找了2個解決辦法，也不靠譜，最後無奈又重新安裝了一遍，直接按照預設路徑安裝了，這個安裝下來比較大有3個多G，但是沒在出問題了，目前不清楚哪裡有問題，所以安裝時自己衡量一下，如果自定義了路徑可能會出現問題。
進入

2.
切換至SDK Tools,還是勾上Show Package Details，然後勾選23.0.1。滾動條拖至最下方，檢查Android Support Repository是否勾選，我這裡的版本是預設勾選的。

此時Android Studio配置全部完成，然後需要在環境變數當中加入

在環境變數中新建ANDROID_HOME，值就是當時安裝sdk的路徑。然後

雙擊上圖ANDROID_HOME下的path，進入path後新建兩條，即之前sdk的路徑，加上tools和platform-tools。最後確認退出。

Genymotion

還有最後一個東西下載，就是安卓模擬器，下載地址,進入網站之後，首先註冊一個賬號，註冊完畢後，會自動跳轉到下載介面選擇第一個下載

下載完畢之後一路next安裝。安裝完成後，會進入一個介面購買license的介面，選擇最下方的個人使用者，即可免費使用。進入後等待幾秒，會讓選擇所要執行的安卓虛擬機器。
本著索尼大法好的信仰，滾動條劃至最下方，選擇sony z4。選擇後，會有一段時間的下載等待時間，如圖：

下載完畢後，點選start,執行虛擬機器。

完畢後出現虛擬機器

ok,此時準備工作都就緒了，去開始建立一個react-native專案。

建立專案

開啟命令列，cd到我們所要建立專案的目錄，執行

react-native init bleachApp

bleachApp為專案名稱。

等吧。。根據網路狀態，會等不同時間，我這邊關掉VPN之後，反而下載的更快了。。
專案初始化完畢之後，會自動建立一個bleachApp的資料夾

然後cd到這個資料夾執行命令：

react-native run-android

又是漫長的等待。。。中途可能會卡到某一項，下載不動，多等幾分鐘，如果還不行，就只能重新下載了，我也是下載了兩次才下好。完成後會顯示BUILD SUCCESSFUL。

如果預先，沒有連線真機，或者開啟安卓模擬器，會報一個未連線裝置的錯誤，所以這裡我們選擇事先把模擬器安裝好，並開啟。此時模擬器會出現react-native的頁面

hello world

現在，用ide開啟之前建立好的bleachApp這個專案，向經典致敬一下，把頁面改成hello world。

修改完程式碼之後，切換至安卓模擬機的介面，雙擊鍵盤上的R鍵，可以看到模擬機上的介面會重新reload，變成剛才寫的hello world。

總結

至此，從安裝至顯示hello world介面已經全部完成，過程要比寫出來的坎坷。比如遇到找不到sdk 路徑的問題，下載失敗等等吧。接下來會在每週末空暇的時間都寫一點，一邊學一邊記錄吧。也許之後會麻煩，but who cares….