react native環境搭建（含錯誤處理）

1.  Python 2  注意，不要選擇3.0及以上的，還不成熟

 安裝過程當中一直 next就能夠了，可是注意下圖，勾選添加到系統環境變量

安裝完以後cmd輸入 python 查看是否安裝成功。

補充： 若是提示python不是內部命令，多是添加環境變量出問題了，可自行添加。

步驟： 1. 複製python安裝路徑， 默認是  C:\Python27 。

            2. 控制面板→系統→高級系統設置→環境變量→任選Admin變量或者系統變量中的path, 點擊編輯，粘貼在最後面。注意： 前面要加一個分號「；」隔開。

 

2. Node  直接裝最新的就能夠，32/64就不解釋了。（安裝node自帶npm包管理工具）

注意： 必定要勾選Add to PATH（自動添加到系統環境變量） ，其餘沒要求，安裝過程當中一直 next 就好了。

安裝完cmd運行 node --version  ,以下圖表示安裝成功。

 

3. Yarn( 推薦安裝,非必須 ) 

　   Yarn是Facebook提供的替代npm的工具，能夠加速node模塊的下載。React Native的命令行工具用於執行建立、初始化、更新項目、運行打包服務（packager）等任務。

npm install -g yarn react-native-cli  // 同時全局安裝yarn 和 react-native-cli

　　安裝完yarn後同理也要設置鏡像源：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

　　安裝完yarn以後就能夠用yarn代替npm了，例如用yarn代替 npm install命令，用 yarn add 某第三方庫名代替 npm install --save 某第三方庫名。

4. Android Studio  版本大於2.0就行

也是一路next就能夠完成安裝了。

 

若是出現以下報錯，是由於電腦裏沒有SDK而下載的android studio又不帶SDK。

解決方法：

　　在安裝目錄下找到：bin\idea.properties ，在文件末尾添加一行disable.android.first.run=true便可

接下來配置android studio

 1.  安裝完成後，在Android Studio的歡迎界面中選擇Configure | SDK Manager

2. 在【SDK Platforms】窗口中

　　選擇Show Package Details，而後在Android 6.0 (Marshmallow)中勾選以下：

　　Google APIs

　　Android SDK Platform 23

　　Intel x86 Atom System Image

　　Intel x86 Atom_64 System Image

　　Google APIs Intel x86 Atom_64 System Image

補充： 若是以下紅框中爲空，說明尚未安裝配置Android Studio SDK, 不要緊，點擊edit , 將新頁面出現的選擇全勾選就能夠安裝。 完成後便可進行上述操做。

3. 在【SDK Tools】窗口中，選擇Show Package Details，

　　而後在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1（必須包含有這個版本。固然若是其餘插件須要其餘版本，你能夠同時安裝其餘多個版本）。

　　另外還要勾選最底部的Android Support Repository.

4. 點擊 apply 或者 ok 安裝上面勾選的。

5. 設置環境變量

 補充說明：

1. 中英文官方文檔也包括大多數教程，都忽略了一點，Android Studio是開發安卓的，怎麼少得了java環境呢？

因此你完成上述步驟並初始化項目後運行react-native run-android會報錯沒有開發環境。綜上，務必 安裝java並配置環境變量。

2. 運行過程當中還會遇到一個問題，gradel-2.14-rc-1-all.zip下載巨慢無比。

建議手動下載 gradle-2.14-rc-1-all.zip 

下載完成後找到 相似下面的目錄 ，放進去就好了。

C:\Users\xxx\.gradle\wrapper\dists\gradle-2.4-all