：五條命令跑通 React Native 跨平臺開發(fā))
Expo CLI 實戰(zhàn)五條命令跑通 React Native 跨平臺開發(fā)【免費下載鏈接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.項目地址: https://gitcode.com/GitHub_Trending/ex/expo新建的項目里敲下npx expo start終端跳出一個二維碼你卻不知道下一步按什么鍵、開哪個頁面——這就是 Expo CLIExpo 框架的命令行界面里最常見的卡點。它是整套 React Native 開發(fā)流程的入口裝依賴、起開發(fā)服務(wù)器、跑真機、生成原生工程基本不用離開終端。 裝之前先體檢兩條命令確認環(huán)境沒問題這節(jié)解決為什么我的環(huán)境跑不起來。別急著建項目先確認 Node 版本達標當前版本 CLI 要求 Node 22.13 及以上再用 doctor 掃一遍依賴配置npx expo-doctor這條命令會逐項檢查項目配置、依賴版本和工作目錄狀態(tài)有問題會在輸出里逐條列出沒有則打印All checks passed。注意老版 CLI 里的expo doctor已從本地命令遷移為獨立的expo-doctor包直接敲舊命令只會看到一條遷移提示。Expo CLI 本身建議用npx expo按需調(diào)用不必全局安裝避免不同項目踩到版本漂移。 第一次跑起來3 條命令從空項目到手機屏幕這節(jié)解決最小路徑問題建項目、起服務(wù)、上設(shè)備全程不超過 3 條命令。npx create-expo-app my-app它會交互式讓你選模板默認、TypeScript、Tab 導(dǎo)航等完成后當前目錄多出一個my-app。cd my-app npx expo start終端會打印局域網(wǎng)地址和一個二維碼用 Expo Go 掃碼即可在真機上跑起來本地代碼一有改動App 會自動熱重載。服務(wù)跑起來后終端底部會提示一組快捷鍵r重載 Appa裝到 Android 模擬器/設(shè)備i裝到 iOS 模擬器w同時起 Web 端d打開開發(fā)者菜單想直接在瀏覽器里驗證 UI加一個參數(shù)即可npx expo start --web跑通后瀏覽器會打開本地服務(wù)頁面看到 Expo 的歡迎頁就說明 React Native 開發(fā)服務(wù)器已正常工作 日常開發(fā)循環(huán)一天里真正會敲的命令這節(jié)按一天的節(jié)奏串命令而不是逐條羅列。早上接手項目裝個相機和定位庫用install而不是npm i它會按當前 SDK 自動挑兼容版本省掉查版本的功夫npx expo install expo-camera expo-location輸出會顯示每個包匹配到的具體版本號裝完package.json已同步更新。下午改完代碼想驗真機效果run系列命令會直接編譯原生代碼并推送到設(shè)備比模擬器啟動快很多npx expo run:android npx expo run:iosAndroid 端會走 Gradle 構(gòu)建后安裝iOS 端會走 Xcode 編譯后啟動首次較慢、后續(xù)增量構(gòu)建很快。中途發(fā)現(xiàn)配置不對比如 scheme、權(quán)限聲明丟了不用猜直接打印合并后的生效配置npx expo config輸出是一整段 JSON即app.json與所有插件疊加后的最終結(jié)果排查我以為我配了但沒生效的問題看它就行。要發(fā)版前出包用export生成優(yōu)化后的 JavaScript 包加-p指定平臺平臺參數(shù)細節(jié)以npx expo export --help輸出為準npx expo export -p android完成后項目下會多出一個dist目錄里面是壓過、可分發(fā)的靜態(tài)資源。? 要碰原生代碼時prebuild 生成原生工程 插件改配置這節(jié)解決必須動原生但不想手寫整個工程的問題。prebuild會根據(jù)配置重新生成完整的android和ios目錄之后你在這個目錄里改代碼、再跑run:android/run:ios原生工程從此可版本化維護npx expo prebuild --platform android只加--platform可以只生成單端不加則兩端都生成。如果只是想改權(quán)限文案、App 圖標這類配置不必進原生目錄在app.json里加一段插件配置再重新 prebuild 即可{ expo: { plugins: [ [expo-camera, { cameraPermission: 允許應(yīng)用訪問相機拍照 }] ] } }改完重跑一次npx expo prebuild新配置就會落到原生工程里。排錯不用單獨記章節(jié)遇到下表里的癥狀直接對號入座癥狀命令說明8081 端口被占start 起不來npx expo start --port 19001換個端口參數(shù)細節(jié)以--help為準依賴版本與 SDK 不匹配npx expo install 包名自動對齊當前 SDK 的兼容版本構(gòu)建報錯找不到原因npx expo-doctor逐項輸出環(huán)境檢查與修復(fù)建議某條命令的參數(shù)記不清npx expo 命令 --help以本機版本的 help 輸出為準Expo CLI 把 React Native 跨平臺開發(fā)里最瑣碎的環(huán)節(jié)收進了終端命令雖多真正常用的就是這一小撮。想深入某個環(huán)節(jié)可以順手翻一下官方文檔docs/pages/eas/命令實現(xiàn)細節(jié)則在 packages/expo/cli/ 里?！久赓M下載鏈接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.項目地址: https://gitcode.com/GitHub_Trending/ex/expo創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 Expo CLI 實戰(zhàn)：五條命令跑通 React Native 跨平臺開發(fā)
Expo CLI 實戰(zhàn)五條命令跑通 React Native 跨平臺開發(fā)【免費下載鏈接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.項目地址: https://gitcode.com/GitHub_Trending/ex/expo新建的項目里敲下npx expo start終端跳出一個二維碼你卻不知道下一步按什么鍵、開哪個頁面——這就是 Expo CLIExpo 框架的命令行界面里最常見的卡點。它是整套 React Native 開發(fā)流程的入口裝依賴、起開發(fā)服務(wù)器、跑真機、生成原生工程基本不用離開終端。 裝之前先體檢兩條命令確認環(huán)境沒問題這節(jié)解決為什么我的環(huán)境跑不起來。別急著建項目先確認 Node 版本達標當前版本 CLI 要求 Node 22.13 及以上再用 doctor 掃一遍依賴配置npx expo-doctor這條命令會逐項檢查項目配置、依賴版本和工作目錄狀態(tài)有問題會在輸出里逐條列出沒有則打印All checks passed。注意老版 CLI 里的expo doctor已從本地命令遷移為獨立的expo-doctor包直接敲舊命令只會看到一條遷移提示。Expo CLI 本身建議用npx expo按需調(diào)用不必全局安裝避免不同項目踩到版本漂移。 第一次跑起來3 條命令從空項目到手機屏幕這節(jié)解決最小路徑問題建項目、起服務(wù)、上設(shè)備全程不超過 3 條命令。npx create-expo-app my-app它會交互式讓你選模板默認、TypeScript、Tab 導(dǎo)航等完成后當前目錄多出一個my-app。cd my-app npx expo start終端會打印局域網(wǎng)地址和一個二維碼用 Expo Go 掃碼即可在真機上跑起來本地代碼一有改動App 會自動熱重載。服務(wù)跑起來后終端底部會提示一組快捷鍵r重載 Appa裝到 Android 模擬器/設(shè)備i裝到 iOS 模擬器w同時起 Web 端d打開開發(fā)者菜單想直接在瀏覽器里驗證 UI加一個參數(shù)即可npx expo start --web跑通后瀏覽器會打開本地服務(wù)頁面看到 Expo 的歡迎頁就說明 React Native 開發(fā)服務(wù)器已正常工作 日常開發(fā)循環(huán)一天里真正會敲的命令這節(jié)按一天的節(jié)奏串命令而不是逐條羅列。早上接手項目裝個相機和定位庫用install而不是npm i它會按當前 SDK 自動挑兼容版本省掉查版本的功夫npx expo install expo-camera expo-location輸出會顯示每個包匹配到的具體版本號裝完package.json已同步更新。下午改完代碼想驗真機效果run系列命令會直接編譯原生代碼并推送到設(shè)備比模擬器啟動快很多npx expo run:android npx expo run:iosAndroid 端會走 Gradle 構(gòu)建后安裝iOS 端會走 Xcode 編譯后啟動首次較慢、后續(xù)增量構(gòu)建很快。中途發(fā)現(xiàn)配置不對比如 scheme、權(quán)限聲明丟了不用猜直接打印合并后的生效配置npx expo config輸出是一整段 JSON即app.json與所有插件疊加后的最終結(jié)果排查我以為我配了但沒生效的問題看它就行。要發(fā)版前出包用export生成優(yōu)化后的 JavaScript 包加-p指定平臺平臺參數(shù)細節(jié)以npx expo export --help輸出為準npx expo export -p android完成后項目下會多出一個dist目錄里面是壓過、可分發(fā)的靜態(tài)資源。? 要碰原生代碼時prebuild 生成原生工程 插件改配置這節(jié)解決必須動原生但不想手寫整個工程的問題。prebuild會根據(jù)配置重新生成完整的android和ios目錄之后你在這個目錄里改代碼、再跑run:android/run:ios原生工程從此可版本化維護npx expo prebuild --platform android只加--platform可以只生成單端不加則兩端都生成。如果只是想改權(quán)限文案、App 圖標這類配置不必進原生目錄在app.json里加一段插件配置再重新 prebuild 即可{ expo: { plugins: [ [expo-camera, { cameraPermission: 允許應(yīng)用訪問相機拍照 }] ] } }改完重跑一次npx expo prebuild新配置就會落到原生工程里。排錯不用單獨記章節(jié)遇到下表里的癥狀直接對號入座癥狀命令說明8081 端口被占start 起不來npx expo start --port 19001換個端口參數(shù)細節(jié)以--help為準依賴版本與 SDK 不匹配npx expo install 包名自動對齊當前 SDK 的兼容版本構(gòu)建報錯找不到原因npx expo-doctor逐項輸出環(huán)境檢查與修復(fù)建議某條命令的參數(shù)記不清npx expo 命令 --help以本機版本的 help 輸出為準Expo CLI 把 React Native 跨平臺開發(fā)里最瑣碎的環(huán)節(jié)收進了終端命令雖多真正常用的就是這一小撮。想深入某個環(huán)節(jié)可以順手翻一下官方文檔docs/pages/eas/命令實現(xiàn)細節(jié)則在 packages/expo/cli/ 里?！久赓M下載鏈接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.項目地址: https://gitcode.com/GitHub_Trending/ex/expo創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考