：五條命令跑通 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ā)服務器、跑真機、生成原生工程基本不用離開終端。 裝之前先體檢兩條命令確認環(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按需調用不必全局安裝避免不同項目踩到版本漂移。 第一次跑起來3 條命令從空項目到手機屏幕這節(jié)解決最小路徑問題建項目、起服務、上設備全程不超過 3 條命令。npx create-expo-app my-app它會交互式讓你選模板默認、TypeScript、Tab 導航等完成后當前目錄多出一個my-app。cd my-app npx expo start終端會打印局域網(wǎng)地址和一個二維碼用 Expo Go 掃碼即可在真機上跑起來本地代碼一有改動App 會自動熱重載。服務跑起來后終端底部會提示一組快捷鍵r重載 Appa裝到 Android 模擬器/設備i裝到 iOS 模擬器w同時起 Web 端d打開開發(fā)者菜單想直接在瀏覽器里驗證 UI加一個參數(shù)即可npx expo start --web跑通后瀏覽器會打開本地服務頁面看到 Expo 的歡迎頁就說明 React Native 開發(fā)服務器已正常工作 日常開發(fā)循環(huán)一天里真正會敲的命令這節(jié)按一天的節(jié)奏串命令而不是逐條羅列。早上接手項目裝個相機和定位庫用install而不是npm i它會按當前 SDK 自動挑兼容版本省掉查版本的功夫npx expo install expo-camera expo-location輸出會顯示每個包匹配到的具體版本號裝完package.json已同步更新。下午改完代碼想驗真機效果run系列命令會直接編譯原生代碼并推送到設備比模擬器啟動快很多npx expo run:android npx expo run:iosAndroid 端會走 Gradle 構建后安裝iOS 端會走 Xcode 編譯后啟動首次較慢、后續(xù)增量構建很快。中途發(fā)現(xiàn)配置不對比如 scheme、權限聲明丟了不用猜直接打印合并后的生效配置npx expo config輸出是一整段 JSON即app.json與所有插件疊加后的最終結果排查我以為我配了但沒生效的問題看它就行。要發(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可以只生成單端不加則兩端都生成。如果只是想改權限文案、App 圖標這類配置不必進原生目錄在app.json里加一段插件配置再重新 prebuild 即可{ expo: { plugins: [ [expo-camera, { cameraPermission: 允許應用訪問相機拍照 }] ] } }改完重跑一次npx expo prebuild新配置就會落到原生工程里。排錯不用單獨記章節(jié)遇到下表里的癥狀直接對號入座癥狀命令說明8081 端口被占start 起不來npx expo start --port 19001換個端口參數(shù)細節(jié)以--help為準依賴版本與 SDK 不匹配npx expo install 包名自動對齊當前 SDK 的兼容版本構建報錯找不到原因npx expo-doctor逐項輸出環(huán)境檢查與修復建議某條命令的參數(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/ 里。【免費下載鏈接】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)作聲明：本文部分內容由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ā)服務器、跑真機、生成原生工程基本不用離開終端。 裝之前先體檢兩條命令確認環(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按需調用不必全局安裝避免不同項目踩到版本漂移。 第一次跑起來3 條命令從空項目到手機屏幕這節(jié)解決最小路徑問題建項目、起服務、上設備全程不超過 3 條命令。npx create-expo-app my-app它會交互式讓你選模板默認、TypeScript、Tab 導航等完成后當前目錄多出一個my-app。cd my-app npx expo start終端會打印局域網(wǎng)地址和一個二維碼用 Expo Go 掃碼即可在真機上跑起來本地代碼一有改動App 會自動熱重載。服務跑起來后終端底部會提示一組快捷鍵r重載 Appa裝到 Android 模擬器/設備i裝到 iOS 模擬器w同時起 Web 端d打開開發(fā)者菜單想直接在瀏覽器里驗證 UI加一個參數(shù)即可npx expo start --web跑通后瀏覽器會打開本地服務頁面看到 Expo 的歡迎頁就說明 React Native 開發(fā)服務器已正常工作 日常開發(fā)循環(huán)一天里真正會敲的命令這節(jié)按一天的節(jié)奏串命令而不是逐條羅列。早上接手項目裝個相機和定位庫用install而不是npm i它會按當前 SDK 自動挑兼容版本省掉查版本的功夫npx expo install expo-camera expo-location輸出會顯示每個包匹配到的具體版本號裝完package.json已同步更新。下午改完代碼想驗真機效果run系列命令會直接編譯原生代碼并推送到設備比模擬器啟動快很多npx expo run:android npx expo run:iosAndroid 端會走 Gradle 構建后安裝iOS 端會走 Xcode 編譯后啟動首次較慢、后續(xù)增量構建很快。中途發(fā)現(xiàn)配置不對比如 scheme、權限聲明丟了不用猜直接打印合并后的生效配置npx expo config輸出是一整段 JSON即app.json與所有插件疊加后的最終結果排查我以為我配了但沒生效的問題看它就行。要發(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可以只生成單端不加則兩端都生成。如果只是想改權限文案、App 圖標這類配置不必進原生目錄在app.json里加一段插件配置再重新 prebuild 即可{ expo: { plugins: [ [expo-camera, { cameraPermission: 允許應用訪問相機拍照 }] ] } }改完重跑一次npx expo prebuild新配置就會落到原生工程里。排錯不用單獨記章節(jié)遇到下表里的癥狀直接對號入座癥狀命令說明8081 端口被占start 起不來npx expo start --port 19001換個端口參數(shù)細節(jié)以--help為準依賴版本與 SDK 不匹配npx expo install 包名自動對齊當前 SDK 的兼容版本構建報錯找不到原因npx expo-doctor逐項輸出環(huán)境檢查與修復建議某條命令的參數(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/ 里。【免費下載鏈接】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)作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考