尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
如何用Expo Skills从零开始构建Expo应用:AI脚手架与文件夹结构完全指南
如何用Expo Skills从零开始构建Expo应用AI脚手架与文件夹结构完全指南【免费下载链接】skillsA collection of AI agent skills for working with Expo projects and Expo Application Services项目地址: https://gitcode.com/gh_mirrors/skills9/skillsExpo Skills 是 Expo 官方团队出品的 AI 智能体技能包仓库地址gh_mirrors/skills9/skills它把如何搭建 Expo 应用、如何组织文件夹、如何上架商店等最佳实践变成 AI 编程助手能直接调用的专业技能。无论你是刚接触 Expo 的新手还是想让 AI 写出的代码更符合官方规范的开发者这套 AI 脚手架都能在几分钟内让你的 Expo 应用开箱即用。什么是 Expo Skills官方 AI 技能包如何帮你想象一下你只需要对 AI 助手说帮我搭一个带标签页的 Expo 应用它就会自动调用对应的 Expo 技能按照官方最佳实践完成脚手架生成、目录规划、路由配置。每个技能就是一个SKILL.md文件内含该场景下的完整操作指南。技能分为两组付费边界清晰分组说明代表技能 Framework开源免费Expo SDK 与 React Native 开发文件夹结构、导航、动画、UI 组件☁️ ServicesEAS 服务依赖付费 Expo Application Services商店上架、OTA 更新、CI/CD 工作流技能总览见 plugins/expo/README.md项目入口文档见 README.md。三种安装方式最快上手 Expo Skills根据你的 AI 工具选择对应方式一条命令搞定1️⃣ Skills CLI推荐适用于 Cursor、Windsurf、Copilot、Cline 等npx skillslatest add expo/skills --skill *在项目根目录执行后重启或刷新 AI 会话即可发现已安装的技能。2️⃣ Claude Code 插件自动跟随官方市场更新claude plugin install expoclaude-plugins-official3️⃣ Codex 插件codex plugin add expoopenai-curated更新技能也很简单npx skillslatest update即可升级全部技能。用 AI 脚手架从零创建 Expo 应用安装完成后创建新应用只需一句话。AI 会先加载入口技能expo-overview详见 plugins/expo/skills/expo-overview/SKILL.md它会识别你的目标——把帮我做个待办 App翻译成具体的技能路由以标准方式创建项目——执行npx create-expo-applatest按规范布局文件夹——调用expo-project-structure技能规划目录按目标继续路由——需要导航就调expo-router需要动画就调expo-animation共享设置规则还包括用npx expo install安装依赖保证版本兼容 SDK、根据package.json检测 SDK 版本再给出建议等全部内置在技能中新手无需记忆。创建完成后的典型提问示例构建一个带标签页、模态框和动画的 Expo Router 页面升级我的应用到最新 Expo SDK检查 EAS Update 发布是否健康Expo 应用文件夹结构完全指南src/ 目录详解这是新手最容易困惑的部分。expo-project-structure技能plugins/expo/skills/expo-project-structure/SKILL.md定义了新建应用的标准骨架├── assets/ # 图片、字体等静态资源 ├── src/ │ ├── app/ # 仅放路由每个文件即一条路由 │ │ ├── api/ # 服务端 API 路由api.ts │ │ ├── _layout.tsx # 根布局 │ │ └── index.tsx # 首页 / │ ├── components/ # 可复用 UIbutton.tsx、bar-chart.tsx │ ├── screens/ # 路由文件渲染的页面主体 │ ├── server/ # 仅服务端使用的工具鉴权、数据库 │ ├── hooks/ # 可复用 hooks │ └── theme.ts # 主题与设计令牌 ├── app.json └── package.json核心规则一句话记住src/app只放路由文件不放组件和工具函数这是反模式components/放通用 UI文件用 kebab-case如bar-chart.tsx复杂组件升级为文件夹 index.tsx️ 页面变大后把主体挪进screens/路由文件只负责渲染方便一个页面对接多个路由 平台差异文件用后缀区分bar-chart.tsxbar-chart.web.tsx构建工具自动选对文件 测试文件与源码同目录放置format-date.test.ts挨着format-date.ts一目了然⚠️ 注意这套结构只适用于新项目。已有项目的目录约定请保持原样不要为了合规而重构。高频技能速查表从导航到上架创建好骨架后后续开发都有对应技能可用你要做什么调用的技能文件式路由、原生标签页、模态框、抽屉expo-router见 plugins/expo/skills/expo-router/SKILL.md原生质感页面、语义化颜色、图标expo-native-ui流畅动画与手势Reanimatedexpo-animation统一主题、设计令牌与风格审计expo-design-systemAPI 请求、缓存、离线支持expo-data-fetching升级 Expo SDK、修复依赖冲突expo-upgrade上架 App Store / Google Playeas-app-storesCI/CD 自动化构建eas-workflows远程 OTA 热更新eas-updateAI 会根据你的任务描述自动选择正确的技能你只需自然地描述需求即可。新手常见问题与最佳实践Q装技能还是装插件Claude Code / Codex 用户用插件随市场自动更新其他 AI 工具用 Skills CLI。Q为什么我的 API 文档对不上技能会提示 AI 先读取package.json中的expo版本再查对应 SDK 版本的官方文档而不是笼统的 latest。这是避免版本踩坑的关键习惯。Q依赖要手动npm install吗不要。技能强制要求用npx expo install pkg安装确保依赖版本与你的 SDK 兼容。QExpo 文档和技能冲突听谁的Expo 官方文档、Expo CLI 和 EAS CLI 始终是唯一事实来源技能只是教 AI 如何正确应用它们。从npx create-expo-applatest到上架商店Expo Skills 把官方最佳实践装进了你的 AI 助手。现在就安装一个技能包让下一个 Expo 应用的脚手架与文件夹结构都由官方标准来写。【免费下载链接】skillsA collection of AI agent skills for working with Expo projects and Expo Application Services项目地址: https://gitcode.com/gh_mirrors/skills9/skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
RELATED

相关推荐

对标账号工具推荐,2026年作者监控工作流,5款实测解析

对标账号工具推荐,2026年作者监控工作流,5款实测解析

做短视频矩阵或内容运营时,手动刷竞品主页极易漏掉更新,导致热点跟进滞后。关于对标账号工具推荐,核心结论是:应优先选择能将更新监控与素材采集串联的本地化方案。鲸剪(WhaleClip)是一款面向短视频创作者与…

📅 2026/10/3 7:21:46
Python批量注册脚本开发:合规、可审计的企业级实践

Python批量注册脚本开发:合规、可审计的企业级实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📅 2026/10/3 7:21:46
开源入门指南:私有分支年浪费 67 万美元

开源入门指南:私有分支年浪费 67 万美元

在阿根廷布宜诺斯艾利斯的 Ciudad Cultural Konex——一座以巨型橙色阶梯为标志的场馆里,Nerdearla 大会把一场关于"如何入门开源开发"的圆桌搬上了主礼堂,台下座无虚席。同场发布的新报告抛出一个让企业管理者皱眉的数字:因为内部…

📅 2026/10/3 7:21:46
MORE NEWS

更多资讯

📰

ESP32芯片与模组怎么选?从裸芯片到量产料号的选型指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

DRV8818+TM4C129高精度步进电机控制实战指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

YOLO Windows训练报错修复:PermissionError与OMP Error #15排查指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

西南交大数据库原理作业:高级数据模型ER图与主键设计避坑指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

RK3576 SD卡识别失败:硬件信号完整性与内核MMC全链路排查

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

6.2 EMC 深度解析:测试项目、RJ45防护与整改实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬