安裝chocolatey
chocolatey是一個類似于yum掖疮,apt-get的包管理工具。
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).
DownloadString('https://chocolatey.org/install.ps1'))" &&
SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
拷貝以上命令至命令行回車執(zhí)行(去掉回車符)颗祝,等待安裝完成浊闪。
檢查是否安裝成功恼布,在命令行輸入choco,回車搁宾,安裝成功會看到chocolatey的版本號折汞。
安裝Python2
注意:Python3不適配react-native。
命令行執(zhí)行命令
choco install python2
等待安裝完成即可
安裝node
命令行執(zhí)行命令
choco install nodejs.install
安裝react-native命令行工具
react-native命令行工具能夠非常容易的創(chuàng)建和初始化react-native工程盖腿。
執(zhí)行命令
npm install -g react-native-cli
測試安裝結(jié)果
執(zhí)行命令
react-native init AwesomeProject //創(chuàng)建和初始化工程
cd AwesomeProject //進入工程目錄
react-native run-android //發(fā)布工程爽待,連接設(shè)備后執(zhí)行此命令
如果服務(wù)器沒有啟動,執(zhí)行react-native start
命令翩腐,手動啟動服務(wù)器即可鸟款。
手機出現(xiàn)下圖畫面即代表發(fā)布成功
問題匯總(如有其他問題請留言,我會加到匯總里)
- 安裝python2失敗茂卦。
再安裝一次試試何什。 - init工程時,出現(xiàn)未能加載 Visual C++ 組件“VCBuild.exe”等龙。
無視即可处渣,或者安裝.net2.0解決。 - 手機無法連接到服務(wù)器蛛砰。
菜單->dev settings->Debug server host&port for device 設(shè)置為你服務(wù)器所在機器的局域網(wǎng)地址即可罐栈,如:10.1.10.23:8081。 - 發(fā)布到手機時出現(xiàn) unable to upload some apks暴备。
把react-native工程中的android文件夾導(dǎo)入android studio悠瞬,更改gradle版本,重新編譯后發(fā)布到手機上可以解決此問題涯捻。