React Native開發環境搭建中的各類坑-Windows

http://www.imooc.com/video/14281 慕課網有視頻講解 不過不是很詳細 不少坑要本身填
須要安裝的工具
1.Node.js
2.React Native Command Line
3.Android studio

1.Node.js的安裝比較簡單 這裏面也沒有什麼坑
2.成功安裝完Node.js以後就能夠經過命令安裝React Native
打開命令提示符 輸入下列命令便可

npm install -g react-native-cli

3.直接在https://developer.android.goo... 進行Android studio的下載安裝
安裝一路next就能夠了
安裝完成後 打開命令提示符 輸入下列命令建立並初始化第一個應用

react-native init FirstApp

初始化完成後以下

以後能夠打開Android studio 出現錯誤以下
Gradle sync failed: Cause: error in opening zip file
Consult IDE log for more details (Help | Show Log)
確認當前Android studio 2.3.1 建立的項目使用的是什麼版本的Gradle

將下載地址複製到瀏覽器下載：https://services.gradle.org/d...
打開C:/Users/Administrator/.gradle/wrapper/dists/gradle-3.3-all/55gk2rcmfc6p2dg9u9ohc3hw9

將下載好的gradle-3.3-all.zip替換掉文件夾中的文件 並解壓

接下來安裝android emulator 還要安裝intel haxm來加速模擬器若是已經牆了能夠直接在Android Studio裏安裝
沒有牆的windows用戶能夠直接在這下載https://software.intel.com/en...

解壓後安裝便可
以後模擬器能夠正常運行了 開機後輸入密碼 隨便輸了個 報錯來了
unable to load script form assets
緣由是沒有找到assets下文件
1.首先手動在main下創建一個assets文件夾
2.而後cmd 進入項目的根目錄下執行 React-native bundle --platform Android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
從新加載工程 運行 成功

借鑑了不少大神的經驗 在此感謝