windows搭建安裝react-native環境

標籤：模組   命令列   配置   version   play   環境變數   image   ber   ice   

在win10環境下，利用Genymotion模擬器，配置react-native的環境。

一、安裝JDK

在網上下載jdk，版本最好是1.8以上。安裝後要對環境變數進行配置。

同時在 Path 中配置jdk的環境變數：

說明：

安裝完後可以通過

java –version

來查看當前安裝的jdk的版本。

二、安裝SDK

這個我是在360上下載的 Android Studio 版本的：

下載完後安裝。

然後設定環境變數 ANDROID_HOME 。為我們剛剛安裝的sdk路徑：

三、設定SDK

在我們第二安裝後的檔案中我們會看到連個檔案：

點擊SDK Manager.exe。彈出對應的對話方塊：

在tool安裝對應的選項：

在android6.0(API23)中安裝：

在Extras中安裝：

還有一個檔案，名字叫這個的：

Local Maven repository for Support Libraries

說明：

有的話就裝上吧，我的這裡顯示沒有。所以不知道是否安裝了。

然後在配置環境變數：

四、Node的安裝

：https://nodejs.org/en/

下載node.js，找好對應的版本，然後去安裝就可以了。可以通過node -v的命令來測試NodeJS是否安裝成功

安裝node是使用node的npm命令，但是在國內一般npm下載速度慢，可以使用cpm。操作過程可在網上查。

五、安裝git

安裝React-native需要用到Git，如果沒有配置git，需要先下載對應的用戶端，然後將git加入path環境變數即可
：https://git-for-windows.github.io/

具體安裝步驟，可以去找網上的資料。

六、安裝react-native命令列工具react-native-cli

npm install -g react-native-cli

七、建立RN項目

建立自己的react-native項目，名字自定定義。

react-native init FirstApp

成功之後的目錄：

八、安裝模擬器Genymotion

網上搜的破解版，內建手機模型塊。

安裝步驟：

然後安裝 鏡像檔案 手機模型塊：

說明：

安裝模型塊必須通過之前安裝的 VirtualBox 這個管理器來安裝。

在模組檔案中選擇後，點擊下一步。

然後點擊安裝即可。

九、運行模擬器Genymotion

運行完模擬器後，在終端輸入：

adb devices

出現這樣，表示模擬器連結成功。

說明：

如果報 adb 命令找不到或者沒有devices的命令，那就是 android sdk 下的 platform-tools 環境變數配置的路徑不對。要檢查下。

然後設定模擬器 android sdk 的路徑：

十、運行react-native項目

首先通過終端進入之前利用react-native init 命令建立的項目。執行西面命令：

react-native run-android

然後會自動編譯，壓縮到模擬器：

說明：

不出意外是能啟動了。也能調試了。

windows搭建安裝react-native環境