準備工作
環境配置
brew install node
brew install watchman
brew install flow
環境配置OK
輸入兩行命令創建工程
npm install -g react-native-cli
如果失敗? ,可能會出現cheack````什么的問題在前面加上sudo即可~~
react-native init AwesomeProject
初始化一個項目AwesomeProject自己定義的項目名稱
react-native-cli是一個終端命令,它可以完成其余的設置工作。它可以通過npm安裝。剛才這條命令會往你的終端安裝一個叫做react-native的命令。這個安裝過程你只需要進行一次。
這個命令會初始化一個工程、下載React Native的所有源代碼和依賴包,最后在AwesomePrjoect/iOS/AwesomeProject.xcodeproj和AwesomeProject/android/app下分別創建一個新的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來看到修改的結果
另外,如果出現不能連接到開發者服務器,吧appdelegate里面的localhost改為自己電腦的IP地址即可