1. 程式人生 > >React-Native學習(1)-開發環境的配置

React-Native學習(1)-開發環境的配置

一、開發環境的配置
1、安裝Git
2、安裝Node.js(這個是必須安裝的)
二、準備工作
1、安裝react-native的命令,開啟cmd,輸入下面的命令
—npm install -g react-native-cli
2、初始化一個工程,開啟cmd,輸入下面的命令,工程名可以自定
—react-native init AwesomeProject
小提示:由於網路的原因,上面的命令都是在訪問的外國的伺服器,速度會比較滿,在執行上面的命令之前,我們可以先輸入下面的命令(2選一):
—npm config set registry https://registry.npm.taobao.org


—npm config set disturl https://npm.taobao.org/dist
三、執行程式(由於我是做android的,沒有ios電腦,下面只介紹android的執行方法)
1、在cmd中進入到工程目錄,輸入下面的命令,啟動package服務,這個cmd視窗不能關閉,需要一直啟動。
—react-native start
2、連線你的手機到電腦,新開啟一個cmd視窗,然後輸入adb devices,如果有裝置連線,就可以輸入下面的命令執行程式,沒有裝置的話,就只能檢查電腦是否裝驅動了。
—react-native run-android
經過上面兩個步驟你的程式就可以執行起來了。