react-native環(huán)境搭建+啟動(dòng)
1、官網(wǎng)下載安裝node勇婴，用于安裝啟動(dòng)react-native相關(guān)模塊
2忱嘹、 安裝Java SDK（穩(wěn)定版，9.0以下）耕渴。
網(wǎng)址http://www.oracle.com/technetwork/java/javase/downloads/index.html
配置JAVA_HOME環(huán)境變量
坑一：JAVA_HONE的值不能直接包含\bin文件夾拘悦，否則會(huì)報(bào)類似如下錯(cuò)誤：
方法：
3、安裝Android開(kāi)發(fā)工具：Android Studio
配置環(huán)境變量：ANDROID_HOME橱脸，找到自己的SDK的安裝路徑
確保SDK Location地址對(duì)應(yīng)自己安裝的路徑的正確：
在Android SDK里面下載與虛擬機(jī)對(duì)應(yīng)的Android系統(tǒng)版本：
4础米、安裝Android 模擬器：這里使用的Genymotion
同時(shí)也要安裝Virtualbox，建議安裝4.3.4穩(wěn)定版添诉，避免一些坑
如上地方的主機(jī)虛擬網(wǎng)絡(luò)界面必須是這個(gè)IP地址屁桑；
啟動(dòng)Genymotion 點(diǎn)擊add+，需要登錄才可獲取虛擬設(shè)備栏赴，
獲取設(shè)備后蘑斧，選擇需要使用的設(shè)備，點(diǎn)next下載即可：注意下載的設(shè)備的系統(tǒng)版本艾帐，盡量在5/6/7
坑二：采用命令行運(yùn)行React Native項(xiàng)目的時(shí)候乌叶，突然報(bào)出找不到ADB,
com.android.builder.testing.api.DeviceException: Could not create ADB Bridge. 的錯(cuò)誤了，具體錯(cuò)誤信息如下
原來(lái)Genymoation有默認(rèn)去找ADB的路徑柒爸，修改方法：setting里面選擇如下選項(xiàng)准浴，把Android Studio的SDK路徑填進(jìn)去：
5、npm 安裝 react-native命令行工具：
npm install -g react-native-cli
6捎稚、創(chuàng)建自己的React Native 應(yīng)用 ：
react-native init FirstAPP
創(chuàng)建好后會(huì)有如下提示信息：
7乐横、運(yùn)行項(xiàng)目：進(jìn)入項(xiàng)目根目錄 /FirstApp
react-native run-android 運(yùn)行
先會(huì)啟動(dòng)js服務(wù)器
編譯成功，運(yùn)行虛擬機(jī)今野，OK
8葡公、將項(xiàng)目運(yùn)行在真機(jī)上：手機(jī)調(diào)成USB調(diào)試模式，選擇MIDI輸入設(shè)備
坑三：安卓機(jī)上因?yàn)閍ssets文件夾下沒(méi)有index.android.bundle条霜，需要執(zhí)行命令生成
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main /res/
但生成的項(xiàng)目只有index.js文件催什，沒(méi)有對(duì)應(yīng)的Android，iOS文件宰睡，導(dǎo)致報(bào)錯(cuò)
解決蒲凶，將上述命令的index.android.js換成index.js即可
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
