1. 程式人生 > >(一)ReactNative環境搭建

(一)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,如下:
這裡寫圖片描述
這裡寫圖片描述