qoder提供quest、agent、cli三种模式：quest模式云端一键生成全栈项目，适合新手；agent模式分阶段委托任务并支持专家协同，适合老手；cli命令直出工程骨架，适合终端党。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让Qoder根据一句话描述就生成可运行的前端页面、后端接口或完整项目，不用手动配环境、不写配置文件、不装依赖，直接拿到带HTML/CSS/JS或Python/Java代码的工程结构——这需要明确区分三种核心模式：Quest Mode适合新手一键出全栈项目，Agent Mode适合老手分阶段控制关键节点，CLI命令则适合终端党快速初始化骨架。
用Quest Mode云端一键生成完整项目
这是最轻量、最推荐给新手的路径，所有操作在隔离沙箱完成，无需本地安装任何依赖，避免因Node版本错配或缓存污染导致生成失败。
1、打开 Qoder 桌面端或访问 inscode.net，进入中央对话框。
2、输入明确的技术栈与功能描述，例如：“创建一个 Vue3 + Pinia + Element Plus 的用户管理页，含搜索框、表格展示、分页器和新增按钮，表格列包括姓名、邮箱、状态、操作。”
3、点击“项目生成”后，Qoder 自动调用 Planner Agent 拆解任务：生成目录结构 → 初始化组件 → 封装 API 请求 → 注入状态管理 → 添加路由占位。这一步不经过 CLI 或本地 node_modules 扫描，【避免因缓存导致的模板错配】。
4、右栏“Changed Files”中确认生成了 src/views/UserList.vue、src/stores/user.ts、src/api/user.ts 等关键文件，点击“Accept”同步至本地 Editor。
用Agent Mode分阶段委托开发任务
当你已有项目结构、需复用现有模型或必须人工校验接口契约时，Agent Mode提供检查点控制能力，防止一次性生成大量不可逆变更。
方法一：启用检查点控制输出节奏
1、在 Qoder IDE 右侧边栏点击 Qoder 图标，打开聊天面板，点击顶部“Switch to Agent”按钮。
2、输入指令：“为 user-service 模块新增 JWT 鉴权拦截器，兼容 Spring Security 6.3，不修改现有 FilterChain”，并在末尾追加“请在生成接口定义后暂停，等待我确认”。
3、Agent 将自动拆解任务，在输出 Spec Tab 中呈现 OpenAPI v3 格式草案，并将状态置为“Action Required”。这一步操作起来很简单，直接点击右栏“Accept & Continue”即可继续。
Qoder Linux版是由阿里推出的智能体自主开发工作台，支持开发者通过定义需求即可让Agent团队“自动驾驶”，自主完成代码执行、验证与交付的全流程。其全新的Quest独立视窗集成了任务管理与状态追踪能力，并支持跨项目多任务并行处理，显著提升开发效率。此外，Qoder还提供专家团模式与团队级知识引擎，适配复杂开发场景。
方法二：启用Experts Mode并行协作
1、在 Agent 模式下输入指令开头加入：“启用 Experts Mode：调研员、后端工程师、前端工程师、测试工程师、代码评审员”。
2、确认左栏任务卡片显示“Experts Mode: Active”及五个角色图标点亮。
3、观察中栏会话流中各 Agent 的独立输出区块——后端工程师只输出 Controller/Service 层代码，前端工程师只生成 React 表单组件，测试工程师同步产出 Jest 测试用例，互不干扰且严格对齐同一份契约。
用CLI命令直出工程骨架
适合已有终端工作流、需要保留完整控制权的开发者，生成结果可立即 npm run dev 启动，不依赖云端沙箱。
方法一：快速初始化单页应用
在空目录下执行：qoder init --template vite-react-ts --router react-router --ui antd
【注意：必须在空目录执行，否则可能覆盖已有 package.json】。
方法二：指定 CSS 方案与响应式适配
执行：qoder init --template vite-vue3-ts --css css-modules --viewport vw
生成的 vite.config.ts 中已预置 postcss-px-to-viewport 插件，且 src/App.vue 的根元素 class 被设为 vw-layout，确保后续开发中所有 px 单位自动转为 vw。
