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

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

react-native init HelloWorld

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

????????項目初始化成功后，你會發(fā)現(xiàn)在你的開發(fā)目錄下多了一個HelloWorld目錄，這個就是你的RN工程了。接下來的事情就都是在這個目錄下操作。用記事本打開該目錄下的的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本版號，比如我前面選的是23，這里應(yīng)該將22改成23。將buildToolsVersion后面引號里的數(shù)字改成你的Android SDK Build-tools版本號，我前面選的是24，所以這里把23.0.1改成24.0.0。后面一定要加.0.0，否則就會找報錯，這個版本號對應(yīng)Android SDK目錄下build-tools目錄下對應(yīng)的目錄。

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

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

將目錄改成你實際android sdk的目錄即可

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

react-native run-android

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

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

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

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