React-native學習(一),windows環境搭建

安裝chocolatey

chocolatey是一個相似於yum,apt-get的包管理工具。node

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).
DownloadString('https://chocolatey.org/install.ps1'))" && 
SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

拷貝以上命令至命令行回車執行(去掉回車符),等待安裝完成。
檢查是否安裝成功,在命令行輸入choco,回車,安裝成功會看到chocolatey的版本號。python

choco.jpg

安裝Python2

注意:Python3不適配react-native。
命令行執行命令react

choco install python2

等待安裝完成便可android

安裝node

命令行執行命令web

choco install nodejs.install

安裝react-native命令行工具

react-native命令行工具可以很是容易的建立和初始化react-native工程。
執行命令shell

npm install -g react-native-cli

測試安裝結果

執行命令npm

react-native init AwesomeProject //建立和初始化工程
cd AwesomeProject  //進入工程目錄
react-native run-android  //發佈工程,鏈接設備後執行此命令

若是服務器沒有啓動,執行react-native start命令,手動啓動服務器便可。
手機出現下圖畫面即表明發佈成功react-native

圖片描述

問題彙總(若有其餘問題請留言,我會加到彙總裏)

  1. 安裝python2失敗。
    再安裝一次試試。服務器

  2. init工程時,出現未能加載 Visual C++ 組件「VCBuild.exe」。
    無視便可,或者安裝.net2.0解決。工具

  3. 手機沒法鏈接到服務器。
    菜單->dev settings->Debug server host&port for device 設置爲你服務器所在機器的局域網地址便可,如:10.1.10.23:8081。

  4. 發佈到手機時出現 unable to upload some apks。 把react-native工程中的android文件夾導入android studio,更改gradle版本,從新編譯後發佈到手機上能夠解決此問題。

相關文章
相關標籤/搜索