create-react-native-app

create-react-native-app官網介紹連接github文檔,能夠看看了解一下,總之是一個5分鐘快速搭建react native項目並能看到效果的方法。html

  • 假設你已經安裝了Node,你能夠使用npm來安裝create-react-native-app命令行工具:
npm install -g create-react-native-app
  • 而後運行如下命令來建立一個名爲「AwesomeProject」的新的React Native項目:
create-react-native-app AwesomeProject

cd AwesomeProject
npm start

  

   注意:這將爲您啓動一個開發服務器,並在您的終端打印QR碼。這時候去相應的iOS和android應用商店下載App「Expo」,掃描二維碼就能夠看到效果了。而這時候項目目錄結構只有「node_modules」,和幾個簡單的文件,你這時候執行「react-native run-ios/android」是沒有用的。以上的步驟都是爲了快速開始一個react native項目,快速看到效果的方法,要想最後將項目發佈,仍是須要react native項目結構,請繼續看:node

  • 若是想轉換成react native項目目錄結構,在以上步驟的命令基礎之上執行:
npm run eject
  • 這時候,項目目錄就變成下圖所示,同時運行「react-native run-ios/android」就能夠在模擬器上看到效果了,多了一個「App.test.js」文件,暫時不用管它:

相關文章
相關標籤/搜索
本站公眾號
   歡迎關注本站公眾號,獲取更多信息