Expo CLI 实战：五条命令跑通 React Native 跨平台开发

Expo CLI 实战五条命令跑通 React Native 跨平台开发【免费下载链接】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 开发流程的入口装依赖、起开发服务器、跑真机、生成原生工程基本不用离开终端。 装之前先体检两条命令确认环境没问题这节解决为什么我的环境跑不起来。别急着建项目先确认 Node 版本达标当前版本 CLI 要求 Node 22.13 及以上再用 doctor 扫一遍依赖配置npx expo-doctor这条命令会逐项检查项目配置、依赖版本和工作目录状态有问题会在输出里逐条列出没有则打印All checks passed。注意老版 CLI 里的expo doctor已从本地命令迁移为独立的expo-doctor包直接敲旧命令只会看到一条迁移提示。Expo CLI 本身建议用npx expo按需调用不必全局安装避免不同项目踩到版本漂移。 第一次跑起来3 条命令从空项目到手机屏幕这节解决最小路径问题建项目、起服务、上设备全程不超过 3 条命令。npx create-expo-app my-app它会交互式让你选模板默认、TypeScript、Tab 导航等完成后当前目录多出一个my-app。cd my-app npx expo start终端会打印局域网地址和一个二维码用 Expo Go 扫码即可在真机上跑起来本地代码一有改动App 会自动热重载。服务跑起来后终端底部会提示一组快捷键r重载 Appa装到 Android 模拟器/设备i装到 iOS 模拟器w同时起 Web 端d打开开发者菜单想直接在浏览器里验证 UI加一个参数即可npx expo start --web跑通后浏览器会打开本地服务页面看到 Expo 的欢迎页就说明 React Native 开发服务器已正常工作 日常开发循环一天里真正会敲的命令这节按一天的节奏串命令而不是逐条罗列。早上接手项目装个相机和定位库用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 编译后启动首次较慢、后续增量构建很快。中途发现配置不对比如 scheme、权限声明丢了不用猜直接打印合并后的生效配置npx expo config输出是一整段 JSON即app.json与所有插件叠加后的最终结果排查我以为我配了但没生效的问题看它就行。要发版前出包用export生成优化后的 JavaScript 包加-p指定平台平台参数细节以npx expo export --help输出为准npx expo export -p android完成后项目下会多出一个dist目录里面是压过、可分发的静态资源。️ 要碰原生代码时prebuild 生成原生工程 插件改配置这节解决必须动原生但不想手写整个工程的问题。prebuild会根据配置重新生成完整的android和ios目录之后你在这个目录里改代码、再跑run:android/run:ios原生工程从此可版本化维护npx expo prebuild --platform android只加--platform可以只生成单端不加则两端都生成。如果只是想改权限文案、App 图标这类配置不必进原生目录在app.json里加一段插件配置再重新 prebuild 即可{ expo: { plugins: [ [expo-camera, { cameraPermission: 允许应用访问相机拍照 }] ] } }改完重跑一次npx expo prebuild新配置就会落到原生工程里。排错不用单独记章节遇到下表里的症状直接对号入座症状命令说明8081 端口被占start 起不来npx expo start --port 19001换个端口参数细节以--help为准依赖版本与 SDK 不匹配npx expo install 包名自动对齐当前 SDK 的兼容版本构建报错找不到原因npx expo-doctor逐项输出环境检查与修复建议某条命令的参数记不清npx expo 命令 --help以本机版本的 help 输出为准Expo CLI 把 React Native 跨平台开发里最琐碎的环节收进了终端命令虽多真正常用的就是这一小撮。想深入某个环节可以顺手翻一下官方文档docs/pages/eas/命令实现细节则在 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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考