摘要：閉上眼睛，心中默念一百遍遍馬力馬力轟，再睜開眼，如果你是安卓及以上系統(tǒng)，你就能在你手機(jī)上看到你第一個(gè)應(yīng)用了圖，如果是以下，嘿嘿，一個(gè)血紅血紅的界面，不過沒關(guān)系，我們來糾正它。

????????前期準(zhǔn)備工作已經(jīng)完成，接下來將正式進(jìn)入開發(fā)了，請(qǐng)深呼吸下，呵呵。我們首先寫個(gè)Hello World工程來練練手。
????????在命令行上點(diǎn)右鍵，選擇以管理員身份運(yùn)行。建議每次運(yùn)行命令行的時(shí)候都用管理員身份運(yùn)行，否則你經(jīng)常會(huì)碰到權(quán)限之類的錯(cuò)誤。
????????再切換到你的開發(fā)目錄，保證你的網(wǎng)絡(luò)是順暢的，在命令行運(yùn)行（圖1）：

react-native init HelloWorld

你就開始耐心的等待吧，一般都要等10多分鐘。這其中可能會(huì)遇到諸如shasum check failed此類錯(cuò)誤（也基本上是網(wǎng)絡(luò)原因?qū)е碌模?，重新運(yùn)行下react-native init HelloWorld即可。

????????項(xiàng)目初始化成功后，你會(huì)發(fā)現(xiàn)在你的開發(fā)目錄下多了一個(gè)HelloWorld目錄，這個(gè)就是你的RN工程了。接下來的事情就都是在這個(gè)目錄下操作。用記事本打開該目錄下的的androidappuild.gradle文件，找到

android {
    compileSdkVersion 22
    buildToolsVersion "23.0.1"
       defaultConfig {
        applicationId "com.poemproject"
        minSdkVersion 16
        targetSdkVersion 22
        versionCode 1
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        } 
    }
    ... 
    

將compileSdkVersion 后面的數(shù)字改成你在上一篇環(huán)境配置中API本版號(hào)，比如我前面選的是23，這里應(yīng)該將22改成23。將buildToolsVersion后面引號(hào)里的數(shù)字改成你的Android SDK Build-tools版本號(hào)，我前面選的是24，所以這里把23.0.1改成24.0.0。后面一定要加.0.0，否則就會(huì)找報(bào)錯(cuò)，這個(gè)版本號(hào)對(duì)應(yīng)Android SDK目錄下build-tools目錄下對(duì)應(yīng)的目錄。

????????查看android目錄下有無local.properties文件，如果沒有的話就用記事本新建一個(gè)，然后在里面輸入：

sdk.dir=D:JDKSandroid-sdk_r24.4.1-windowsandroid-sdk-windows

將目錄改成你實(shí)際android sdk的目錄即可

????????連接你的手機(jī)，將USB連接選項(xiàng)改成相機(jī)（PTP）連接。確保USB調(diào)試模式打開。然后在命令行運(yùn)行adb devices再檢測(cè)下是否能夠正常識(shí)別到你的設(shè)備，如果能正常識(shí)別就切換到HelloWorld目錄，然后運(yùn)行：

react-native run-android

系統(tǒng)會(huì)默認(rèn)另外打開一個(gè)命令行窗口運(yùn)行package server（圖4）。（當(dāng)然你也可以先手動(dòng)運(yùn)行react-native start打開package server,然后再新開一個(gè)命令行運(yùn)行react-native run-android也行)。又是一陣漫長的等待（在這里如果你的安卓系統(tǒng)版本5.0或以上，react-native run-android默認(rèn)會(huì)執(zhí)行adb reverse tcp:8081 tcp:8081這個(gè)命令，這樣手機(jī)就能訪問開發(fā)服務(wù)器了，如果沒有執(zhí)行，你就手動(dòng)在命令行執(zhí)行adb reverse tcp:8081 tcp:8081，然后再運(yùn)行react-native run-android）。如果你的安卓版本低于5.0，就無須進(jìn)行此操作，后續(xù)再來設(shè)置。在下載過程中可能會(huì)因?yàn)榫W(wǎng)絡(luò)原因?qū)е耮radle-2.4-all.zip文件（也可能是其它版本）下載或者解壓失敗，你可以按照?qǐng)?bào)錯(cuò)信息手動(dòng)下載https://services.gradle.org/d...這個(gè)文件，然后解壓到相應(yīng)目錄下（一般在C:Users用戶名.gradlewrapperdistsgradle-2.4-all隨機(jī)目錄下面），然后重新運(yùn)行react-native init HelloWorld即可。當(dāng)然最好的辦法是把gradle-2.4-all.zip放到自己的web服務(wù)器上,然后修改androidgradlewrappergradle-wrapper.properties文件中distributionUrl后面的地址為你web服務(wù)器上的文件地址，這可以大大加快下載速度。

????????閉上眼睛，心中默念一百遍遍馬力馬力轟，再睜開眼，如果你是安卓5.0及以上系統(tǒng)，你就能在你手機(jī)上看到你第一個(gè)RN應(yīng)用了（圖3），如果是5.0以下，嘿嘿，一個(gè)血紅血紅的界面，不過沒關(guān)系，我們來糾正它。確保新開的那個(gè)命令行窗口中package server正在運(yùn)行中（圖4），如果報(bào)錯(cuò)停止了，你就在HelloWorld目錄下重新運(yùn)行react-native start以打開此服務(wù)。然后確保手機(jī)開啟WIFI并跟電腦是在同一個(gè)網(wǎng)段內(nèi)，一定要在同一網(wǎng)段內(nèi)哦，然后搖動(dòng)下你的手機(jī)，在彈出的菜單中選擇Dev Settings（圖2），然后選擇Debug server host& port for device，在輸入框里輸入你電腦的ip地址和端口號(hào)8081（端口號(hào)是固定死的），比如192.168.10.1:8081，點(diǎn)確定，再搖動(dòng)下設(shè)備，在彈出的菜單里選Reload，你就可以看到正常的RN界面了（圖3）。編譯過程中也可能會(huì)報(bào)一些莫名其妙的錯(cuò)誤，你可以根據(jù)報(bào)錯(cuò)提示來解決，一些比如拒絕訪問等之類的錯(cuò)誤等則只要重新運(yùn)行下react-native run-android一般就能解決了。

????????接下來我們改點(diǎn)什么東西吧，用記事本打開根目錄下的index.android.js，然后把Welcome to React Native!改成Hello World!保存后，再搖一搖手機(jī)，點(diǎn)Reload，你就會(huì)發(fā)現(xiàn)歡迎的界面變了，是不是很簡(jiǎn)單，是不是很爽，是不是很酷，哈！

????????PS:一定要記得以管理員身份運(yùn)行所有命令行哦