隨著React Native 的崛起，前段時間也大致瞟了一眼React Native，沒做深入了解。
年初也有同學(xué)建議我關(guān)注React Native，畢竟現(xiàn)在純原生開發(fā)有些落寞，再說這半年由于項目需要，
我們告別了純粹的原生開發(fā)，直接使用cordova進行開發(fā)app。
當(dāng)初剛開始寫插件寫的懵逼，不過github好多現(xiàn)成的插件可參考。
又學(xué)習(xí)了點AngularJS的知識。但是越發(fā)懷念原生開發(fā)。O(∩_∩)O~。
閑言碎語不多講，昨天晚上真正著手React Native的學(xué)習(xí)。工欲善其事必先利其器。
搭建環(huán)境是第一步。開了文檔，發(fā)現(xiàn)基本上全部都是Mac環(huán)境下的配置過程，畢竟那個什么。
自己也是根據(jù)React Native 中文網(wǎng)的文檔，進行的配置?？梢詤⒖?大神
東方耀 手把手教React Native實戰(zhàn)之環(huán)境搭建。
下面總結(jié)下自己的安裝過程：
1.安裝JDK
2.安裝AndroidSDK
3.安裝C++
（一般都有Microsoft Visual C++ 2013 Redistributable。。。之類的軟件就夠了）
對于安卓開發(fā)人員，以上步驟可以略過，這些都是必備的。但是有一點需要明確的就是，環(huán)境變量的配置。JAVA_HOME ANDROID_HOME ，要注意，這些做到命令行全局可以調(diào)用。其他的不用贅述
4.至于Git 的安裝。不清楚哪里使用到了，感覺沒什么必要。
5. Python的安裝 從官網(wǎng)下載并安裝python 2.7.x（3.x版本不行）
6.note.js 安裝 （可以命令行安裝，也可以直接下載軟件）
7.安裝 React Native 命令行工具。
我是采用直接github上的 react-native-master給down下來，解壓然后定位到react-native-master文件夾下，react-native-cli目錄，（shift+ctrl+右鍵）直接在此處打開命令窗口，輸入 npm install -g 如圖：
或者 npm install -g react-native-cli 也可以，但我沒有試。
OK，大功告成，可以創(chuàng)建工程了。工程目錄創(chuàng)建在哪？自己隨意。然后
1.react-native init MyProject 初始化 創(chuàng)建工程（自己想要創(chuàng)建的工程名字） 下面是漫長的等待...主要是在創(chuàng)建node_modules，這個耗時。
出現(xiàn)這個就是成功了，看下現(xiàn)在工程的目錄結(jié)構(gòu)：
2.react-native start 啟動服務(wù) 下面才算完成：
此時可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的腳本（看到很長的js代碼就對了）。
3.react-native run-android 運行 （首先要連接模擬器，或者真機）出現(xiàn)這個多半是環(huán)境的配置問題。
如果是安裝成功，還報上面紅色， adb devices 看看有連接的設(shè)備沒有。
另外運行時候不要把剛才start的服務(wù)給關(guān)了。
真機上測試注意一點，要跟電腦在同一局域網(wǎng)內(nèi)，不要開什么4g。如果項目運行后報紅色警告，那就需要配置ip。
搖晃設(shè)備或按Menu鍵（Bluestacks模擬器按鍵盤上的菜單鍵，通常在右Ctrl的左邊 或者左Windows鍵旁邊），可以打開調(diào)試菜單，點擊Dev Settings，
選Debug server host for device，輸入你的正在運行packager的那臺電腦的局域網(wǎng)IP加:8081，例如：192.168.0.38：8081（同時要保證手機和電腦在同一網(wǎng)段，且沒有防火墻阻攔），
再按back鍵返回，再按Menu鍵，在調(diào)試菜單中選擇Reload JS，就應(yīng)該可以看到運行的結(jié)果了。
如果真實設(shè)備白屏但沒有彈出任何報錯，可以在安全中心里看看是不是應(yīng)用的“懸浮窗”的權(quán)限被禁止了。
另外，習(xí)慣android studio開發(fā)的童鞋，如果做前端開發(fā)，可以使用webStorm（有破解版的），是studio的親弟弟，寫js、 h5這個沒商量。
over
