墨刀ai支持批量导出整套多页面vue/react代码工程：需先完成ai生成含≥3个命名页面的应用，切换至“生成应用”模式，再通过「导出为代码工程」勾选「包含全部页面」，下载zip后可直接npm install并运行。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用墨刀AI一次性把整套多页面应用的Vue或React代码全导出来，而不是一页页手动点导出再拼凑，避免重复操作和结构不一致。
确认项目已生成完整多页面结构
在墨刀AI中完成「AI生成应用」流程：输入含至少3个页面及跳转逻辑的业务描述（如“用户登录→进入仪表盘→点击订单跳转详情页”），点击生成后等待系统创建全部页面。生成完成后，左侧页面导航栏必须显示≥3个独立缩略图，且每个页面都已命名（如“01_登录页”“02_仪表盘”“03_订单详情”）——【若页面少于3个或仍为默认无意义名称（如“page-abc123”），后续无法触发批量导出】。
检查每个页面是否均已添加基础交互（如按钮跳转线），AI生成的页面默认带基础连线，但若某页完全空白或未激活交互面板，批量导出时该页将被跳过。
切换到“生成应用”模式而非“生成原型”
顶部菜单栏点击「项目设置」→「项目类型」→ 选择「生成应用」。这一步不可省略：生成原型模式仅输出单页HTML片段或静态图片，只有「生成应用」模式才启用工程级代码导出能力。
当前项目若原为原型项目，切换后系统会提示“将重新解析所有页面并构建组件依赖关系”，需等待约5秒完成初始化——此时右上角会出现蓝色「代码工程就绪」徽章，表示已进入批量导出准备状态。
执行批量代码导出
第一步：点击顶部菜单「导出」→「导出为代码工程」。
第二步：在弹窗中选择技术栈（Vue3 或 React），勾选「包含全部页面」——此项默认关闭，务必手动勾选，否则只导出当前打开的页面。
第三步：点击「生成代码」，系统开始构建工程结构，耗时约12～25秒（页面越多、交互越复杂，耗时越长）。进度条走完后，自动跳转至代码预览页，左侧显示标准目录树（src/pages、src/components、mockData.ts等），右侧为可折叠的完整源码。
这一步操作起来很简单，直接点击「下载ZIP」按钮即可获取含package.json、vite.config.ts（或webpack.config.js）、全部页面组件及样式文件的完整压缩包，解压后就是一个可直接npm install → npm run dev启动的工程。
验证与导入本地开发环境
解压ZIP包，用VS Code打开根目录，在终端执行npm install（若提示缺少pnpm，改用pnpm install）。
安装完成后运行npm run dev，浏览器自动打开http://localhost:5173（Vite默认端口），检查所有页面能否正常访问、路由跳转是否准确对应墨刀中的连线逻辑。
特别注意：若首页加载后白屏，大概率是router/index.ts中routes数组未正确注入所有页面路径——打开该文件，确认每项path值与墨刀中页面命名严格一致（例如墨刀页面名为“02_仪表盘”，path就必须是“/dashboard”，不能写成“/dash”或“/02_dashboard”）。
