create-react-native-app官網介紹鏈接,github文檔,可以看看了解一下,總之是一個5分鍾快速搭建react native項目並能看到效果的方法。
- 假設你已經安裝了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項目結構,請繼續看:
- 如果想轉換成react native項目目錄結構,在以上步驟的命令基礎之上執行:
npm run eject
- 這時候,項目目錄就變成下圖所示,同時運行“react-native run-ios/android”就可以在模擬器上看到效果了,多了一個“App.test.js”文件,暫時不用管它: