準備工作
環(huán)境配置
brew install node
brew install watchman
brew install flow
環(huán)境配置OK
輸入兩行命令創(chuàng)建工程
npm install -g react-native-cli
如果失敗? 酝静,可能會出現(xiàn)cheack````什么的問題在前面加上sudo即可~~
react-native init AwesomeProject
初始化一個項目AwesomeProject自己定義的項目名稱
react-native-cli是一個終端命令宗苍,它可以完成其余的設置工作。它可以通過npm安裝丽啡。剛才這條命令會往你的終端安裝一個叫做react-native的命令补箍。這個安裝過程你只需要進行一次。
這個命令會初始化一個工程裹粤、下載React Native的所有源代碼和依賴包拇泣,最后在AwesomePrjoect/iOS/AwesomeProject.xcodeproj和AwesomeProject/android/app下分別創(chuàng)建一個新的XCode工程和一個gradle工程。
npm install --registry=http://registry.npm.taobao.org
淘寶鏡像
譯注:由于眾所周知的網絡原因早龟,react-native命令行從npm官方源拖代碼時會遇上麻煩。請將npm倉庫源替換為國內鏡像:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
打開項目你可以編輯index.ios.js來做一些改動,然后在模擬器中按?+R或者搖一搖reloadup來看到修改的結果
另外射窒,如果出現(xiàn)不能連接到開發(fā)者服務器藏杖,吧appdelegate里面的localhost改為自己電腦的IP地址即可