在Windows下搭建React Native Android開發環境


widows版本: win7 64位 專業版

1. 安裝jdk.(我用的jdk7)

注意選擇x86還是x64版本, 添加到系統PATH環境變量

 

2. 准備好android sdk

這個不多說,同時推薦使用android studio,模擬器推薦使用Genymotion,比自帶的AVD要快很多。

3. 安裝C++環境

可以直接安裝Visual Studio 2013或2015,也可選擇單獨SDK,編譯node.js的C++模塊需要用。

4. 安裝node.js

從官網下載node.js, 我下載的是最新的v5.3.0穩定版

https://nodejs.org/en/。

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

npm install -g react-native-cli

 

6. 創建你自己的項目

進入工作目錄,運行:

react-native init reactNative_p1

PS:reactNative_p1是你自己起的項目名稱

 

7. 運行packager

舊版本:

如果你安裝了cygwin,可以在cygwin環境中進入工程目錄,運行

npm start

如果沒有cygwin或不在cygwin環境中,可以進入工程目錄,運行

node node_modules\react-native\packager\packager.js

如果你下載的是最新版本,那么請安裝cygwin,然后切換到node_modules\react-native\packager,然后運行:

./packager.sh --nonPersistent

注意一定要加--nonPersistent參數,否則會因為加載watchman而失敗

可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的腳本,能正常出來表示成功。

 

8.運行模擬器

關於怎么安裝和使用Genymotion以后有空再說,大家可以直接搜索相關資料就可以了,也可以直接使用AVD。

 

9. 在android模擬器中運行

打開一個新CMD窗口,去到項目目錄下運行(第七步的packager運行正常是前提條件,且不能關掉)

react-native run-android

 

10. 安裝調試工具

訪問http://localhost:8081/debugger-ui,安裝chrome或者firefox調試工具,具體怎么使用還在摸索中。。。

后記:

因為沒法解決windows下面watchman的安裝問題,所以這樣安裝的環境是沒法實時根據代碼改變而進行動態加載的(修改index.android.js然后在模擬器里面reload js是不起作用的),不知道哪位大俠有解決辦法能夠告訴一下,不勝感激!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM