React native windows andriod 開發環境搭建

React native windows andriod 開發環境搭建
前期準備工作(如果你沒有vpn就可以不用看了,很多模塊都下不了)

1、安裝node.Js
下載地址:https://nodejs.org/en/
安裝完後將其加入環境變量中。
檢測是否安裝成功,在dos中輸入node -v 打印出版本號就說明成功了

2、安裝git(這個不是必須裝)
下載地址:https://git-scm.com/download/

3、安裝python
下載地址:https://www.python.org/downloads/
安裝完後將其加入環境變量中。
檢測是否安裝成功,在dos中輸入python –version 打印出版本號就說明成功了

4、安裝c++編譯環境
我安裝的是visual studio 2013(文件比較大,下載安裝時間可能會有點長,需要一些賴心)編譯node.js的C++模塊時需要用到

5、安裝andriod sdk,需要注意的是需要先安裝jdk,並將其加入環境變量中,(由於我安裝android sdk 時始終無法下載包,所以我後來改爲安裝Andriod Studio)
然後進入SDKManager(可通過Android Studio菜單Tools-Android-SDK Manager),確保以下項目已經安裝並更新到最新:

Tools/Android SDK Tools (24.3.3)
Tools/Android SDK Platform-tools (22)
Tools/Android SDK Build-tools (23.0.1)
Android 6.0 (API 23)/SDK Platform (1)
Extras/Android Support Library(23.0.1)

推薦將SDK的platform-tools子目錄加入系統PATH環境變量
如果上面的都安裝完成了就可以開始正式安裝react native了:
1、安裝react-native命令行工具

npm install -g react-native-cli 

這裏寫圖片描述
2、初始化項目

react-native init firstProject 

這裏寫圖片描述

firstProject爲你的項目名(此處等待的時間可能會有點長。。。。。。)
如果安裝失敗請重試,如果還是失敗那就開啓翻牆軟件吧

3、啓動項目(啓動後請不要關閉這個窗口)
cd firstProject 執行

 npm start

這裏寫圖片描述
這裏很可能報錯

4、run android
另外打開一個窗口,進入項目目錄,執行

 react-native run-android

這裏寫圖片描述
這裏寫圖片描述
下面build failed 了
找了很久,也不知道問題出在那,就不管了,直接直接在dos 命令行下進入項目目錄再cd android ,再輸入命令:

gradlew.bat

這裏寫圖片描述

成功了^_^
此時你可以到你的項目目錄,再進入android\app\build\outputs\apk
就可以看到兩個.spk文件

這裏寫圖片描述
打開android模擬器(我用的逍遙安卓)點擊導入apk文件的按鈕,
找到.apk所在文件夾選一個spk文件打開,
這裏寫圖片描述

如果報錯

這裏寫圖片描述

點擊
這裏寫圖片描述
點擊後會出現一個彈出框
這裏寫圖片描述
點擊Dev Setting

會出現一個頁面,點擊最後一個,輸入你的ip:8081

這裏寫圖片描述
點擊確定,重新打開app
當你看到下面的圖時,恭喜你你環境已經配置成功了。
這裏寫圖片描述

真機調試也很簡單,電腦間隔wifi就行,這裏就不敘述了,有不懂可以聯繫我。

本文純手打,有什麼錯誤的地方歡迎指正,同時這次安裝中繞過了一些坑,可能是以前安裝過的原因。如果你在安裝中遇到了報錯,是很正常的,國內這方面文章很少,如果有條件可以到國外的網站去看看。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章