React-native學(xué)習(xí)(一),windows環(huán)境搭建

安裝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

問題匯總(如有其他問題請留言,我會加到匯總里)

  1. 安裝python2失敗。
    再安裝一次試試。
  2. init工程時,出現(xiàn)未能加載 Visual C++ 組件“VCBuild.exe”。
    無視即可,或者安裝.net2.0解決。
  3. 手機無法連接到服務(wù)器。
    菜單->dev settings->Debug server host&port for device 設(shè)置為你服務(wù)器所在機器的局域網(wǎng)地址即可,如:10.1.10.23:8081。
  4. 發(fā)布到手機時出現(xiàn) unable to upload some apks。
    把react-native工程中的android文件夾導(dǎo)入android studio,更改gradle版本,重新編譯后發(fā)布到手機上可以解決此問題。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容