Windows下搭建React Native開發環境

jopen 9年前發布 | 28K 次閱讀 移動開發 React Native
 

在非死book官方的說明里, 開發React Native應用提示需要OS X系統，

所以一直以為不能在Windows下開發，其實React Native是基于Nodejs環境的，

如果我們只用React Native開發Android應用，完全可以在Windows進行。

以下我按步驟介紹如何在Windows下搭建React Native開發環境：

安裝Nodejs

請到 官網 下載Windows版本的Nodejs，

我是直接下載5.0版本，React Native的要求是4.0以上都可以支持。

安裝react-native-cli 

npm install -g react-native-cli

初始化項目 

react-native init AwesomeProject

init項目時，我這邊卡住了很久才初始化完成，可能是下載node_modules太耗時間了。如果你也在init時卡住的話，可以直接clone我初始化好的項目 

git clone https://github.com/chenyangcun/AwesomeProject.git

代碼下載完成后，請將項目目錄下的node_modules.zip解壓到當前目錄。

注：如果你的網絡較快的話，也可以用npm install下載node_modules

配置環境變量

請設置環境變量ANDROID_HOME指向Android SDK的目錄

Windows下搭建React Native開發環境

安裝Genymotion模擬器

請到 Genymotion 官方下載安裝Genymotion模擬器，并創建Android emulator。請參考非死book的 說明

啟動

1.首先啟動React Native Server 

react-native start

2.重新開一個終端(cmd), 切換到項目目錄安裝APP 

cd android gradlew.bat installDebug

執行gradlew.bat installDebug時，請先開啟Genymotion模擬器

安裝成功后，在Genymotion里手動打開APP ，一切正常的話，你就可以看到如下畫面。

這時Windows下的React Native開發環境就已經搭建完成。

Windows下搭建React Native開發環境
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！