墨刀ai原型导出react代码需企业版账号且由管理员开通「前端代码导出」权限，项目须在团队空间下创建；仅可通过web端项目设置或画布页触发导出，下载zip后执行npm install和npm start运行。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
墨刀AI生成的原型导出React代码，需先确认项目已启用「代码导出」权限，再通过墨刀Web端进入项目设置页手动触发导出流程，本地无法直接导出。
确认账号与项目权限是否满足导出条件
登录墨刀官网（modao.cc），进入目标AI原型项目首页→点击右上角「…」→选择「项目设置」→在「高级功能」区域查看「React代码导出」开关状态。若显示「未开通」，说明当前账号为免费版或企业版未授权该能力，【必须由企业管理员在后台开通「前端代码导出」权限，且项目需为「团队空间」下创建】。
个人版账号即使升级到Pro会员，也无法解锁此功能；仅企业版+管理员授权组合才支持导出。
在Web端启动React代码导出流程
方法一：从项目画布页快捷导出
打开AI生成的原型画布→顶部菜单栏点击「更多」→选择「导出为React代码」→弹窗中勾选「包含交互逻辑」和「使用TypeScript」（推荐）→点击「开始导出」。
方法二：通过项目设置页导出
本文档主要讲述的是React Native For Android 源码编译；希望对大家会有帮助；感兴趣的朋友可以过来看看
项目设置→左侧导航选择「代码导出」→点击「生成React代码包」→等待后台打包完成（通常需40–90秒）→状态变为「就绪」后，点击「下载ZIP」。
注意：导出过程不可中断，中途刷新页面会导致任务失败，需重新触发。
解压与运行导出的React项目
第一步：解压下载的ZIP文件，得到含package.json、src/、public/的完整目录结构。
第二步：终端进入该目录，执行 npm install 安装依赖（首次运行会自动安装react、react-router-dom、@modao/sdk等必需包）。
第三步：执行 npm start 启动开发服务器。浏览器自动打开 http://localhost:3000，即可看到与墨刀原型一致的可交互React页面。
导出代码默认使用Vite构建，但墨刀强制锁定为Create React App模板，因此不能自行替换vite.config.ts——否则路由跳转和组件绑定将失效。
