ReactNative win10初體驗

根據RN中文網上的文檔搭建環境，有的地方說的不是很清楚，因此小白的我搞了好久，終於搭建成功，這裏分享一下

1. java：

　　jdk和jre，我下載的是1.8（由於官方文檔上說AndroidStudio須要1.8或更高版本），下載地址 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

　　（注意：win10的環境變量格式可能和win7不一樣，注意一下）

　　環境變量： 系統變量-->新建JAVA_HOME，變量值填寫jdk的安裝目錄

　　　　　　　系統變量-->Path 變量-->編輯，添加%JAVA_HOME%\bin 和 %JAVA_HOME%\jre\bin

　　都設置好以後能夠運行cmd開啓命令行，輸入java -version測試一下，若是可以成功正確輸出java版本號，那就沒毛病了啊

2. Android SDK：

我這裏下載了一個Android Studio，官方文檔說須要2.0以上版本，也沒什麼好說的，這段就看官方文檔吧 http://reactnative.cn/docs/0.28/getting-started.html

安裝好之後，要設置環境變量：

    a. 系統變量-->新建ANDROID_HOME-->變量值是你安裝的Android SDK的路徑

    b. 系統變量-->Path-->添加兩個值 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools

 

 

 

3. NodeJS

　　https://nodejs.org/en/  在官網下載，選擇Recommended For Most Users版本，須要修改安裝路徑的就改下安裝路徑，一路下一步- -

　　把nodejs路徑加進Path環境變量

　　裝好後能夠在命令行裏輸入node -v來驗證安裝是否成功

4. Git

　　https://git-for-windows.github.io/     

　　在安裝過程當中注意勾選"Use Git from the Windows Command Prompt",    "Use Window's default console window"。 須要修改安裝路徑的就改下安裝路徑，剩下的一路下一步

5. 安裝react native命令行工具react-native-cli

　　運行cmd， 輸入 npm install -g react-native-cli

6. 安裝C++環境

　　VS2013或者VS2015,  

　　VS2013安裝完以後運行npm config set msvs_version 2013 --global；VS2015安裝完以後運行npm config set msvs_version 2015 --global

　　最後運行npm install bcrypt

7. 安裝python(2.7.X的版本)

　　https://www.python.org/downloads/release/python-2710/

 

 

以上安裝完，就能夠建立一個項目目錄了，而後接下來：

1. 進入項目目錄，運行 react-native init MyProject，等待幾分鐘

2. 進入MyProject，運行packager:   react-native start， 能夠看到命令窗口最後有段「React packager ready.」，繼續往下進行

3. 運行模擬器

　　我用的是AndroidStudio的模擬器，原本想用Genymotion，依賴Virtualbox的，他們兩個搞了半天沒有運行成功，查了一下大概意思是win10不兼容？沒有往深探究，回頭研究一下若是成功打算換Genymotion，固然也能夠連真機（我沒連）

4. 保持packager開啓（第2步的命令窗口），而後在MyProject下新開一個命令窗口，運行 react-native run-android，等待一會，第一次運行會很慢

5. 而後就能夠看到模擬器上程序本身啓動了

 

遇到的幾個錯誤：

1. react-native 不是內部命令什麼的

　　在npm install -g react-native-cli以後，打開你的nodejs文件夾，進入node_global，發現下面有個react-native.cmd和react-native；若是沒有，建議刪掉node_global下的node_modules下的react-native-cli，而後從新運行npm install -g react-native-cli。

　　解決辦法： 把node_global的路徑也加進Path環境變量；改完環境變量以後要從新開啓cmd命令窗口才有效果

 

2. react-native run-android時，提示 error: more than one device/emulator

解決方法：打開任務管理器，把全部的adb和emulator的線程都幹掉，從新運行 react-native run-android

 

3. npm install 相關命令時，提示 Error: Can't find Python executable "XX:/Python27", you can set the Python env variable.

此時此刻，個人環境變量確認沒問題，在Path變量里加入了Python的路徑，沒加的同窗加一下。爲何還報錯

 

解決方法： 運行 npm config set python D:/Python27/python

　　D:/Python27 是我python的安裝文件夾， 後面的python表明指定到.exe文件

4. 未能加載C++組件

由於以前沒有安裝C++環境，因此遇到了這個問題，請參考上面第6條

 

windows玩RN坑不少，一個接一個，慢慢折騰吧，遇到問題去搜一搜基本都能搜到，加油