React Native在Windows下配置

1、安裝JDK，SDK

JDK和SDK需要設定環境變數，設定成功分別在cmd中通過”java -version”和”adb”進行檢測是否配置成功

2、安裝node

Node下載地址https://nodejs.org/en/

安裝成功通過”node -v”檢測Node JS是否安裝成功

3、安裝git

下載地址:https://git-for-windows.github.io/

用於下載安裝react-native

4、下載安裝react-native

1)通過cmd進入需要下載的資料夾(react native需要安裝的目錄)

2)在cmd中輸入:git clone https://github.com/facebook/react-native.git等待下(專案略大,需要等待一段時間)

3)下載成功後進入react native目錄下的”react-native-cli”目錄,輸入npm install -g

4)安裝完成之後,就可以使用react native命令

5、建立react native專案

通過cmd進入需要建立專案的資料夾輸入“react-native init MyProject”，後面是專案名，建立專案時需要等待一段時間。

6、執行伺服器

1）進入專案目錄輸入“react-native start”，等待一段時間，埠預設為8081。

2）執行成功後在瀏覽器訪問：

http://localhost:8081/index.android.bundle?platform=android 

訪問成功則表示伺服器端執行成功，失敗可能埠被佔，伺服器啟動失敗。

3）埠被佔需要修改專案埠號在:專案下的node_modules\react-native\local-cli\server\server.js下的方法_server的default就是埠號

7、執行Android專案

使用cmd進入專案目錄輸入

8、程式連線伺服器

應用安裝成功需要配置IP埠連線伺服器

1)“搖一搖”手機或者點選“設定”鍵，出現設定對話方塊。

2)點選Dev Setting進入設定介面

3)選擇Debug server host & port for device 設定IP地址和埠

4)設定成功點選返回鍵,再次”搖一搖”手機或者點選”設定”鍵選擇Reload JS，程式就執行起來了。

9、修改程式

在專案目錄下“index.android.js”為Android進入主頁，在裡面修改程式碼儲存，手機Reload JS便可更新程式。