開始學習一下跨平臺開發(fā)膨俐,首先搭建下開發(fā)環(huán)境.
打開命令提示符窗口亏钩,使用Chocolatey來安裝Python 2.
注意目前不支持Python 3版本腻暮。
choco install python2
第二步:Node
打開命令提示符窗口,使用Chocolatey來安裝NodeJS。注意,目前已知Node 7.1版本在windows上無法正常工作炎咖,請避開這個版本!
choco install nodejs.install
安裝完node后建議設置npm鏡像以加速后面的過程(或使用科學上網(wǎng)工具)寒波。注意:不要使用cnpm乘盼!cnpm安裝的模塊路徑比較奇怪,packager不能正常識別俄烁!
npm config set registry https://registry.npm.taobao.org --global
npmconfig set disturl https://npm.taobao.org/dist --global
第三步:Yarn绸栅、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載页屠。React Native的命令行工具用于執(zhí)行創(chuàng)建粹胯、初始化蓖柔、更新項目、運行打包服務(packager)等任務矛双。
npm install -g 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
第四步:安裝Android stuido
第五步:創(chuàng)建項目 運行
react-nativeinit AwesomeProject
cd AwesomeProject
react-native run-android
注意事項:
react-native run-android一直卡在loading dependency graph, done.
在彈出的菜單下面dev settings中設置Debug server host& port for device為[電腦ip]:8081渊抽。
后退至應用界面蟆豫,點擊菜單鍵或者嘗試晃動手機议忽,點擊調(diào)試菜單的reload項。
如果流程順利十减,這個時候loading dependency graph, done.下面會顯示進度條栈幸。等會兒就好了。(有可能會超時帮辟,等進度條走完再刷新就OK了速址。)