React-Native windows環境搭建記錄

標籤：建立   使用   --   inf   wrapper   www.   start   prope   download   

1.安裝jdk，SDK

Jdk：http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html

Sdk：http://www.android-studio.org/

jdk要1.8或以上。然後配置對應的環境變數。需要注意的一點是：jdk和jre不能安裝到同一個目錄下。

配置環境變數：

ANDROID_HOME：Android SDK Manager的位置（例如：D:\Android\sdk）

PATH： %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45
Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

之後在命令列輸入：adb  測試是否配置SDK成功

 

2.對SDK進行設定

Android SDK Build-tools version 23.0.1 (保險起見我把23.的都下了)

Google鏡像存在牆的問題，故：

使用國內鏡像下載：

大連東軟資訊學院鏡像伺服器地址:

http://mirrors.neusoft.edu.cn 連接埠：80 已測試，可以使用

 

3,安裝NODE，git，Python，android studio

直接上官網下載即可

：https://nodejs.org/en/

：https://git-for-windows.github.io/

：https://www.python.org/downloads/release/python-2710/

：http://www.android-studio.org/

 

4.安裝react-native命令列工具react-native-cli

建立一個React Native專用的檔案夾，

進入該檔案夾，在檔案夾內開啟系統命令列，輸入：npm install-greact-native-cli

 

5，建立ReactNative項目

在React Native專用的檔案夾進入系統命令列，輸入react-native init AwesomeProject

6.運行該package

進入AwesomeProject檔案夾內，在檔案夾內開啟命令列，

輸入：react-native start

這時候用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android，

如果可以訪問表示伺服器端，顯示出一大堆代碼，就表示你成功了。

這是很坑的一步，有時候會停在Loading dependency graph, done.不動了。

7，運行到模擬器上

先開啟模擬器(我使用的是android studio的模擬器)，保持能串連狀態。

上一步的視窗留住，不要關閉（關閉就進不去那個網站了）。

再開啟一個行的命令列視窗，輸入：react-native run-android

 

8，遇到的問題

(1),無法檢測到類比裝置，連接埠被佔用

 

 

D:\android-sdks\platform-tools>adb kill-server --停止adb服務
D:\android-sdks\platform-tools>adb start-server --開啟adb服務

尋找裝置列表：adb devices

 

(2),啟動Android模擬器報錯需安裝Intel HAXM 

   重啟電腦，進入開機介面前按F2/esc/del(不同的電腦不同的方式)進入到電腦的BIOS下，保證將Intel Virtual Technology設定為Enable狀態（即允許虛擬機器技術）：

 

然後再回來安裝HAXM即可：

 

（3）,安裝gradle報錯

解決辦法：1，首先 把對應版本的gradle載到本地任意一個磁碟裡(本人這裡是gradle-2.14.1-all)，然後放在一個盤中

  ,2，然後替換項目中 android/gradle/wrapper/gradle-wrapper.properties 的 distributionUrl ，

即  distributionUrl=file\:///D:/gradle/gradle-2.14.1-all.zip （注意這裡需要加上逸出字元\）

3.然後就ok了

React-Native windows環境搭建記錄