Qoder 项目初始化模板：快速搭建 React Vue 与 Go 的标准环境

Qoder提供三套预验证模板一键搭建标准开发环境：React用qoder init --template=react-vite-ts自动配置Vite+TS+Router+Zustand等；Vue3通过Quest视图在云端沙箱生成Element Plus后台框架；Go用qoder init --template=go-gin-postgres自动校验Go/PG并初始化API与迁移。

你需要在 5 分钟内为新业务线搭建一个可立即编码的标准开发环境，但不想手动安装依赖、配置构建工具或纠结框架版本兼容性——Qoder 提供了针对 React、Vue 和 Go 的三套预验证初始化模板，每套都内置了生产就绪的工程规范与 AI 可感知结构。

用 CLI 一键拉起 React 标准环境

这一步操作起来很简单，直接在空目录中运行命令即可，无需提前创建 package.json 或安装 Vite。

执行 qoder init --template=react-vite-ts，该命令将自动下载 Qoder 最新维护的 React + Vite + TypeScript 模板，并完成依赖安装与基础配置。

模板已预置：【postcss-px-to-viewport vw 适配】、React Router 6 路由入口、Zustand 状态管理骨架、Ant Design Mobile 组件按需加载配置，以及 src/utils/request.ts 封装好的 Axios 实例。

运行 qoder dev 启动开发服务器，终端输出 Listening on http://localhost:5173 即表示前端环境就绪。

用 Quest 视图生成 Vue3 后台管理框架

适合无本地 Node.js 环境或需快速验证 UI 架构的场景，所有代码在云端沙箱中生成并同步至本地，不污染本机依赖树。

方法一：打开 Qoder 桌面端 → 点击右上角“Quest”按钮 → 左栏点击“新建Quest”。

方法二：在任意项目中按 ⌘ L（macOS）或 Ctrl L（Windows） 唤出 Quest 面板，选择“新建任务”。

输入自然语言指令：“生成 Vue3 + Element Plus 后台管理框架，含三栏布局、左侧导航菜单、顶部用户栏、内容区路由容器，启用 Pinia 状态管理与 axios 请求拦截器。”

等待 Planners 拆解任务、Coders 生成文件、Verifiers 执行 vite build 检查，右栏“Changed Files”确认 src/layout/**、src/router/index.ts、src/stores/index.ts 均已生成后，点击“Accept”同步到本地 Editor。

初始化 Go 全栈服务端项目

Go 模板默认包含 API 层、数据模型层与数据库迁移能力，且已通过 Qoder Agent 自动校验 go version ≥ 1.22 与 PostgreSQL 连通性。

第一步：确保系统已安装 PostgreSQL 并正在运行，【未启动 pg 服务会导致 init 中断且不提示原因】。

第二步：在空目录中执行 qoder init --template=go-gin-postgres。

第三步：CLI 将自动执行以下流程：检查 Go 版本 → 初始化 go.mod → 创建 internal/model 与 internal/handler 目录 → 生成 migrations/001_init_users.up.sql → 运行 go run main.go 验证服务启动。

第四步：终端出现 [GIN-debug] Listening and serving HTTP on :8080，同时日志中显示 ✅ DB connected, migrations applied，即表示 Go 环境初始化完成。