歡迎轉載，轉載註明出處：
我不只是看客

自從在公司中被老大安利了移動開發的未來 React-Native之後開始關注相關，想嘗試相關app開發。正好畢業準備畢設，腦子一熱就選擇了RN來開發一款app……題目上交就不能改了，現在好後悔。。。但硬著頭皮上吧 ，廢話有點多，開系列部落格記錄下走過的坑和關於React-Native開發Android的相關資訊；
因為React-Native是基於js語法，所以打算入坑前一定要有js相關基礎，不要像博主，js基礎為0就入坑，前期各種問題，完全不懂。。。

windows下配置

在facebook的官網上有詳細的介紹，這裡放文件連結
window環境配置

中文版 English
按照以上的文件 全部搞完之後 環境算是有了，接下來 程式設計師的第一步 helloword

Hello Word ！

開啟控制檯，進入一個準備好的檔案下

安裝rn相關檔案
npm install -g react-native-cli
react-native-cli是一個終端命令，它可以完成其餘的設定工作。它可以通過npm安裝。剛才這條命令會往你的終端安裝一個叫做react-native的命令。這個安裝過程你只需要進行一次。
安裝完成後

新建 專案HelloWord

由於眾所周知的網路原因，react-native命令列從npm官方源拖程式碼時會遇上麻煩。請將npm倉庫源替換為國內映象：

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
另，執行init時切記不要在前面加上sudo（否則新專案的目錄所有者會變為root而不是當前使用者，導致一系列許可權問題，請使用chown修復）。
react-native init helloword
這個命令會初始化一個工程、下載React Native的所有原始碼和依賴包，最後在helloword/iOS/helloword.xcodeproj和helloword/android/app下分別建立一個新的XCode工程和一個gradle工程。
工程初始化完成後就可以開始折騰了
注意 RN初始化的工程沒有local.properties這個檔案，直接run會報錯，先從其他AndroidStudio的工程下copy過來一個

先連線你的裝置或啟動模擬器，然後在helloword目錄下執行
react-native run-android
就會構建工程並自動安裝到你的模擬器或者裝置，同時啟動用於實現動態程式碼載入的Node服務。
如果實在真機裝置除錯，需要按照這篇文件(中文版)，否則會白屏或報錯
當你修改程式碼之後，你需要開啟搖一搖選單(搖一下裝置，或者按下裝置的Menu鍵，或者在模擬器上按下F2或Page Up，Genymotion按下⌘+M)，然後在選單中點選“Reload JS”。

你可以編輯index.android.js來做一些改動，然後在搖一搖選單中點選“Reload JS”來看到修改的結果。

關於配置，博主遇到個坑就目前這些，下一篇文章，開始開發正式的應用，一款校園助手類應用。博主打算完全用RN來完成儘量不用native。。