1. 程式人生 > >React Native(一) 環境搭建

React Native(一) 環境搭建

本篇文章旨針對安卓開發的小夥伴~~~

第一步:相信對於安卓開發的小夥伴來說安卓開發環境已經搭建完畢了吧,假設都已經好了並且是在用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 就可以看到如下介面啦
這裡寫圖片描述

至此大功告成