React Native初體驗(Windows7 64位)

React Native在Windows7 64位開發環境下的安裝過程

1、手動安裝python 2.7

csdn中找到一個可以的python 2.7.9的下載包,官網總是下載失敗。

React Native初體驗(Windows7 64位)

2、手動安裝nodejs。

在nodejs中文網上下載node-v6.2.0-x64.msi安裝包

React Native初體驗(Windows7 64位)

3、安裝完node後建議設置npm鏡像以加速後面的過程(或使用科學上網工具)。

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

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

4、Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。

npm install -g yarn react-native-cli

5、手動安裝Android Studio 2.2版本。

具體過程參考 react native的中文網站

6、設置ANDROID_HOME的環境變量

7、初始化程序

react-native init AwesomeProject

init語句中,可能遇到hang住的情況,與國內的網絡環境有關,這個時候可先通過--verbose選項查看具體出錯的位置。我遇到問題是獲取https://registry.yarnpkg.com/react-native/-/react-native-0.40.0.tgz 失敗。

通過手動下載該安裝包,並將安裝包放到AwesomeProject工程中,執行如下命令後安裝成功

react-native init AwesomeProject --version ./react-native-0.40.0.tgz --verbo

參考網站及關鍵信息: https://github.com/facebook/react-native/issues/2806

React Native初體驗(Windows7 64位)

8、運行程序

cd AwesomeProject

react-native run-android

運行中出現了下載gradle hang住的問題。這個時候可通過http://www.androiddevtools.cn/ 網站下載一個gradle-2.4-all.zip的安裝包,並放到“C:\Users\用戶名.gradle\wrapper\dists\gradle-2.4-all\隨機文件名”目錄,重新運行命令行

React Native初體驗(Windows7 64位)


分享到:


相關文章: