(一)ReactNative環境搭建
1、安裝Java
2、安裝SDK
這裡需要注意設定環境變數ANDROID_HOME:Android SDK Manager的位置 例如:(ANDROID_HOME=> E:\Android\sdk)設定環境變數PATH:例如:(PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
3、設定SDK
4、安裝node
這貨是基於js的,node.js輕量級的Web伺服器,想要是React Native跑起來需要安裝node, 如果沒有安裝node.js,先去官網安裝node.js,最好是4.1以上版本
下載node.js,找好對應的版本,然後去安裝就可以了。
大家可以通過node -v的命令來測試NodeJS是否安裝成功
5、安裝git
安裝React-native需要用到git,如果沒有配置git,需要先下載對應的客戶端,然後將git加入path環境變數即可
下載地址:https://git-for-windows.github.io/
6、安裝react-native命令列工具react-native-cli
git配置完成後可以clone React-native-cli了,建議大家到將react-native-cli克隆到某個盤,不要在c盤直接clone
1) 在命令列中進入你希望RN安裝的目錄
3) 進入剛剛目錄下的react-native目錄下的react-native-cli目錄,輸入npm install -g
安裝好之後,可以命令列下就有react-native命令了
7、建立RN專案
進入你希望建立專案的目錄後,輸入react-native init AwesomeProject,等待一段時間(較慢)
成功後:
目錄結構:
7、執行package
在命令列中進入專案目錄,輸入react-native start,等待一段時間:
剛剛執行package的命令列不要關閉,重新啟動一個新的命令列,
進入專案目錄,輸入react-native run-android
如果出現如下的:
failed to find Build Tools revision 23.0.1
你需要去專案目錄下/android/app/build.gradle檔案中修改Version,
注意build.gradle中的minSdkVersion要和manifest.xml中的保持一致。出現如下表示成功執行:
再看模擬器:
我們需要搖一搖出現如下介面並選擇dev settings:
然後選擇Debug server host & port for device設定ip+埠:8081,ip是自己的電腦ip,如下: