安裝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的版本號。
choco.jpg
安裝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 //進(jìn)入工程目錄
react-native run-android //發(fā)布工程,連接設(shè)備后執(zhí)行此命令
如果服務(wù)器沒有啟動,執(zhí)行react-native start
命令,手動啟動服務(wù)器即可。
手機出現(xiàn)下圖畫面即代表發(fā)布成功
S20118-081105.jpg
問題匯總(如有其他問題請留言,我會加到匯總里)
- 安裝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ā)布到手機上可以解決此問題。