參考資料:
官方github https://github.com/facebook/react-native
React-Native 中文網(wǎng)站 http://reactnative.cn
1 Java 運(yùn)行環(huán)境安裝及配置
1.1 下載 Java JDK
鏈接: http://www.oracle.com/technetwork/java/javase/overview/index.html
1.2 安裝及配置
JDK 安裝完成后躁染,鼠標(biāo)右鍵 我的電腦--> 屬性 --> 高級(jí)系統(tǒng)設(shè)置 --> 環(huán)境變量 選中 系統(tǒng)變量 中 Path 在 變量值后面增加 JDK 功能路徑
例如:C:\Program Files\Java\jdk1.8.0_91\bin
然后 新建一個(gè)變量名 JAVA_HOME 變量值輸入 C:\Program Files\Java\jdk1.8.0_91 (JDK 安裝路徑)
1.3 測(cè)試
在 windows 電腦命令提示符中輸入 java 或 java -version 可以看到 JDK 的描述信息說(shuō)明安裝成功酥诽。
2 Android SDK 安裝及配置
2.1 下載
鏈接:http://www.androiddevtools.cn/
說(shuō)明:建議下載 installer_r24.4.1-windows.exe
2.2 安裝及配置
Andorid SDK 安裝完成之后吠各,仿照 Java JDK 配置,新建一個(gè) ANDROID_HOME 變量值輸入 Android SDK 的安裝路徑恼五,例如:D:\Program Files\android-sdk
2.3 更新
如果安裝完成之后 Andorid SDK Manger 窗口沒(méi)有打開(kāi)痕鳍,自己可以去安裝目錄下
打開(kāi)疲憋,然后安裝指定的包。
Tools
Android SDK Tools
Android SDK Platform-tools
Android SDK Build-tools 23.0.1 (指定版本)
Andorid 6.0 (API 23)
SDK Platform
Intel x86 Atom_64 System Image
Intel x86 Atom System Image
Extras
Andorid Support Repository (或 Local Maven repository for Support Libraries)
說(shuō)明:因?yàn)榭梢灾苯訉e人安裝后的壓縮包解壓放在指定目錄渺尘,然后添加到環(huán)境變
量中就可以用挫鸽,所以不推薦自己直接下載和安裝包,原因是 Android SDK 的源在國(guó)
外如果不使用代理那么下載和安裝以及更新會(huì)特別慢沧烈。
3 Genymotion 安裝及配置
3.1 下載
鏈接: https://www.genymotion.com/pricing-and-licensing/
說(shuō)明: 選擇 BASIC 版本掠兄,該版本對(duì)個(gè)人免費(fèi)開(kāi)放,下載前需要注冊(cè)帳號(hào)锌雀,在后面項(xiàng)目開(kāi)放中也需要帳號(hào)蚂夕,所以建議每個(gè)人都注冊(cè)一個(gè)帳號(hào)。
3.2 安裝及配置
軟件安裝完之后創(chuàng)建一個(gè) 虛擬設(shè)備(前提已安裝 VirtualBox),然后自己根據(jù)情況創(chuàng)建一個(gè)設(shè)備腋逆,后面就會(huì)出現(xiàn)下載的界面婿牍,等待下載完成。
4 運(yùn)行環(huán)境安裝
以官方提供的 Demo 項(xiàng)目為例:
參考鏈接:http://bbs.reactnative.cn/topic/11//11
下載鏈接:http://pan.baidu.com/s/1i5HEUgt 解壓密碼:reactnative.cn
打開(kāi) Genymotion 并啟動(dòng) 設(shè)備
然后進(jìn)入解壓后的目錄惩歉,執(zhí)行下面代碼
npm install -g react-native-cli
react-native run-android
最后可以看到 虛擬設(shè)備上面顯示 Welcome to React Native! 至此等脂,Android 在 windows 開(kāi)放環(huán)境已經(jīng)完成配置完成俏蛮。