React Native(一) 環境搭建
阿新 • • 發佈:2019-02-18
本篇文章旨針對安卓開發的小夥伴~~~
第一步:相信對於安卓開發的小夥伴來說安卓開發環境已經搭建完畢了吧,假設都已經好了並且是在用Android studio在開發~~~
第二步:配置環境變數:
①:確保配置了正確的sdk環境變數
②:配置adb環境變數,不會的自行百度~~~
安裝的時候有個選項選擇Add path,這樣裝完以後就不用擔心在命令列視窗中輸入npm時報“不是內部或外部命令”
第四步:安裝npm的源管理器nrm
命令列輸入:npm install -g nrm 如果出現類似下圖這樣的說明已經成功啦~
輸入nrm ls會出現如下圖
第五步:安裝React Native 工具包:
首先切到taobao源上:輸入 nrm use taobao
然後輸入 npm install -g react-native-cli
至此環境搭建就完畢啦~~~
環境搭建完後趕緊去建個工程看一看,首先需要初始化一個專案,隨便把它建在哪個路徑下,比如我的在E:\work_react_native資料夾下,建立好該資料夾後進入並且安卓shift鍵的同時右鍵滑鼠,選擇“在此處開啟命令列視窗”,輸入
react-native init Hello
經過耐心的等待後項目就建立好了,接著輸入 react-native run-android
至此應該可以在模擬器或者真機跑起來了(小米手機可能會提醒許可權相關的,允許就好了),如圖
接下來,按一下手機的設定鍵,如圖
選Dev Settings
點選箭頭部分後,需要輸入主機ip和埠,埠為8081
前面的ip需要輸入你自己的電腦IP,
然後再點一下設定鍵,選擇reload 就可以看到如下介面啦
至此大功告成