React Native(Window篇)

一、准備工作

1.電腦要具備jdk，sdk環境。
Tips：在配置sdk的path之前，事先在環境變量進行ANDROID_HOME的配置（這個很重要）


2.下載工具


node-v4.4.7-x64.msi
32位：https://nodejs.org/dist/v4.4.7/node-v4.4.7-x86.msi
64位：https://nodejs.org/dist/v4.4.7/node-v4.4.7-x64.msi

Git-2.9.2-64-bit.exe
DOWN：https://git-for-windows.github.io/

3.確保sdk中android-23是最新的，否則可以在android studio的sdk manager裡面進行更新。
Tips：SDK更新下載代理android-mirror.bugly.qq.com 端口8080

4.在本地硬盤，比如D盤裡面新建一個文件夾。文件夾名稱為 React_Native 。把步驟2下載下來的工具放入該文件夾


5.把React_Native文件夾裡面新建兩個文件夾，名稱分別為 NodeJs ，git


6.把兩個軟件分別安裝在各自的文件夾裡面


二、配置環境


1.打開React_Native文件夾，找到剛安裝的git文件夾，雙擊打開裡面的git-cmd.exe


2.設置全局鏡像，在剛打開的控制台依次輸入以下命令


npm config set registry https://registry.npm.taobao.org

按回車鍵，接著輸入下面的命令

npm config set disturl https://npm.taobao.org/dist

3.打開https://github.com/facebook/react-native 把這個下載下來，然後解壓到React_Native文件夾裡面


4.在控制台進入到解壓的文件夾裡面，進入react-native-cli文件夾裡面


5.這個時候在控制台輸入 npm install -g react-native-cli


三、創建項目


1.在React_Native文件夾裡面新建一個RNAPPS的文件夾


2.在控制台進入到這個新建的文件夾裡


3.在控制台輸入 react-native init MyProject Tips:MyProject為項目名稱


4.在控制台進入剛才創建的新項目的所在目錄下，比如cd MyProject


5.在控制台輸入 react-native start


6.這個時候在浏覽器輸入 localhost:8081 看是否在運行


7.真機運行，把手機插上電腦。在控制器輸入 react-native run-android


四、可能出現的問題


1.找不到sdk的路徑（這個問題很糾結坑爹）
解決辦法：1.請先確保配置了ANDROID_HOME的環境變量，並且在PATH裡面以%ANDROID_HOME%配置SDK的環境變量
2.

2.沒有找到android-23
解決辦法：打開android studio，在sdk manager裡面進行更新

3.安裝在手機的時候，紅色背景

解決辦法：搖晃手機，在彈出的窗口中，設置請求地址的端口。如192.168.1.66:8081,然後reload就可以了