叫板IOS!本屌教你在Windows搭建React Native

不知道是否是FaceBook收了蘋果的好處(笑),React Native一直以來只能在蘋果系統下搭建,本屌表示不服!今天就要試試看在Windows系統下安裝這個應用!node

雖然在Facebook官方的說明文檔裏, 搭建React Native應用提醒需求OS X系統,實際上React Native是基於Nodejs系統的,碼農們若是隻用React Native研發Android應用,足以在Windows施行。react

如下我按步驟紹介如在哪裏Windows下建造React Native研發背景:npm

安裝Nodejs

請到 官網下載Windows版本的Nodejs,編程

我是直接下載5.0版本,React Native的要求是4.0以上均可以支持。react-native

安裝react-native-cli

1.png 

起初化項目

2.png 

init項目時,我這邊卡住了許久才初始化完成,有多是下載node_modules太耗時間了。假如你也在init時卡住的話,能夠直接clone我初始化好的項目3.png網絡

代碼下載完成後,請將項目目錄下的node_modules.zip解壓到現時目錄。編輯器

注:假如你的網絡較快的話,也能夠用 npm install 下載node_modulesgradle

配備佈置背景變量

請設置背景變量ANDROID_HOME指向Android SDK的目次spa

4.png

安裝Genymotion摹擬器

請到Genymotion 官方下載安裝Genymotion摹擬器,並開創Android emulator。請參照facebook的說明文檔。教程

開始工做

1.首先開始工做React Native Server

5.png 

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

6.png 

執行 gradlew.bat installDebug 時,先開啓Genymotion摹擬器

安裝成功後,在Genymotion裏手動敞開APP ,一切正常的話,你就能夠看見以下所述銀幕。

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

7.jpg

教程就寫到這裏了,有興趣的童鞋本身試試,理論聯繫實際纔是硬道理!

    剛學的想上手試試嗎?在線編程,碼農谷智能開發在線編輯器

    相關文章
    相關標籤/搜索