聲明：用windows 搭建的react native只能開發(fā)安卓應(yīng)用

1.準(zhǔn)備安裝java jdk，以及Android SDK

傳送門：?java? ?JDK? ?Android SDK(自行尋找)

a.設(shè)置java的系統(tǒng)環(huán)境變量：java_home(指向jdk目錄) ? path（指向jdk bin目錄） classpath：?.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

這些系統(tǒng)變量名不區(qū)分大小寫

b.設(shè)置ANDROID_HOME用戶環(huán)境變量：指向Android sdk安裝目錄

這些設(shè)置均在DOS窗口關(guān)閉重開后生效

?

2.安裝安卓模擬器，推薦genymotion

傳送門：genymotion

這里你會(huì)踩很多坑

首先要在genymotion上建一個(gè)Google Nexus 5.0+的模擬器

其次如果你的windows是64位，則在配置virtualBox的時(shí)候?qū)⑾到y(tǒng)設(shè)置為64位，如果沒有64位選項(xiàng)，進(jìn)入bios 將virtualization設(shè)為enable

然后升級(jí)你的顯卡驅(qū)動(dòng)或者將你的顯卡硬件加速調(diào)到最大，在虛擬機(jī)的設(shè)置->系統(tǒng)->硬件加速中勾選 啟用 VT-X/AMD-V

然后開啟virtualBox,待出現(xiàn)黑色對(duì)話框并顯示出為虛擬機(jī)分配好IP后，再啟動(dòng)genymotion的模擬器這樣模擬便順利啟動(dòng)了。

?

3.安裝nodejs 4.0版本以上

傳送門： nodejs

?

4.用nodejs的npm安裝react-native cli

npm install -g react-native-cli

?

5.初始化react native的項(xiàng)目

react-native init AwesomeProject

這個(gè)初始化成功率較低，如果初始化有問題，則去如下git倉庫獲取

https://github.com/chenyangcun/AwesomeProject.git

6.啟動(dòng)react Native項(xiàng)目

在dos中進(jìn)入項(xiàng)目所在文件夾，然后運(yùn)行 ：react-native start

如果出現(xiàn)watcher took too long to load 報(bào)錯(cuò)

則進(jìn)入項(xiàng)目的\node_modules\react-native\packager\react-packager\src\FileWatcher 將index.js里的timeout字段改大就好了

?

7.將項(xiàng)目部署到模擬器

在打開模擬器的前提下，在dos中進(jìn)入項(xiàng)目目錄的android文件夾

運(yùn)行： gradlew.bat installDebug

如果嫌jCenter 下載過慢，考慮使用maven鏡像

打開項(xiàng)目目錄下的build.gradle 將里面的?allprojects->repositories里的jCenter()換成

maven{ url 'http://maven.oschina.net/content/groups/public/'}

成功啟動(dòng)項(xiàng)目后

進(jìn)入模擬器，打開app就可以了

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/JhoneLee/p/5203160.html

總結(jié)

以上是生活随笔為你收集整理的react native windows 搭建（完整版）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。