首先介紹我也是剛入門的小白，只是把我在學習RN學習時候的自己遇到的問題和大家分享，希望大家少走彎路。

1.安裝JDK

? ? ? ? ? ? ?從Java官網下 載JDK并安裝，自己根據自己的電腦選擇x86還是x64版本。推薦將JDK的bin目錄加入系統PATH環境變量。

? ? ?JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45

? ? CLASSPATH=?.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

? ? ? ?path?增加：；%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

2.安裝Android SDK

我是之前開發android時候就有的，你可以通過AS的SDKManager下載sdk。

ANDROID_HOME=D:\Android\sdk

path?增加： ;%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

3.安裝C++環境

推薦從itellyou下載并安裝Visual Studio 2013或2015，編譯node.js的c++時候會用到；一般電腦都裝過的；

4.安裝node.js

從官網下載node.js的官方4.1版本或更高版本。如果node.js裝不上報錯，直接換臺電腦裝，把文件copy過來也可以使用。

測試安裝是否成功：

在命令行輸入 node –v 應該可以查看到當前安裝的nodejs版本號。很簡單我就不演示了。

5.安裝react-native命令行工具

這里介紹一下npm：Node.js 的包管理器 npm，他是是全球最大的開源庫生態系統；

在安裝之前可以建議先安裝鏡像文件；便于后面下載速度很快；在命令行里面分別輸入這兩行文字按回車鍵：

npm config set registryhttps://registry.npm.taobao.org? ? ??

npm config set disturlhttps://npm.taobao.org/dist? ? ? ? ?

然后安裝命令行工具：輸入 npm install -g react-native-cli?

6.創建項目

進入你的工作目錄，運行：react-native ?init ?MyProject （工程文件夾名稱） ??并耐心等待數分鐘。

如果成功的話目錄結果差不多就這樣：

7.運行packager?

在你創建的工程目錄里面運行：react-native start

這是你可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的腳本：

8.最后一步是檢測你是否可以跑起來的時候

? 在命令框中輸入：react-native run-android；耐心等待幾分鐘。如果你可以成功的顯示下面頁面恭喜你你安裝成功并可以rn入門開發了；

9：問題總結

我相信很多人還是沒成功：一種是頁面是紅色；報一些錯誤；還有一種是都是白色沒有顯示；下面我開始一個一個解決：

1.紅色原因：沒有連接服務器js Server或者環境變量沒有配置正確

解決方法：搖晃手機：在Dev Settings 里面填入的你：ip地址+8081端口??例子：192.168.1.100:8081 就可以顯示了；如果環境變量沒有配置看上面一二兩部更改一下：

2.白色原因應該就是你的手機對這個應用程序的權限沒開啟，

解決方法：進入手機安全中心，打開應用管理權限，把該程序的顯示懸浮窗權限打開，退出再次搖晃手機Reload就可以啦；

3.如果還有其他問題可以留言我們一起解決