Cursor可直接生成含Vue Router、Pinia、Element Plus的Vue 3 + TypeScript项目:启用AI工程模式后,用自然语言描述需求并执行“Generate Project”,自动生成完整骨架,npm install后npm run dev即可运行。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用Cursor直接生成可运行的Vue 3项目代码,跳过命令行初始化、依赖安装和基础配置,5分钟内获得带路由、状态管理和UI组件的完整骨架。
确认Cursor已启用AI工程模式
打开Cursor → 左下角点击设置图标 → 进入「Settings」→ 搜索「AI Engineering」→ 确保「Enable AI Engineering」开关为开启状态。这一步不完成,后续所有生成指令都将失效。
在任意空白编辑器中输入@触发AI命令面板,若能看到「Generate Project」选项,说明已就绪。
用自然语言描述需求并生成项目
新建一个空白文件,命名为project-prompt.md,在里面写下你的完整需求,例如:
立即学习“前端免费学习笔记(深入)”;
“创建一个Vue 3 + TypeScript项目,使用Vite构建,包含Vue Router路由、Pinia状态管理、Element Plus UI组件库,首页显示欢迎标题和计数器按钮,点击后数字递增;新增用户列表页,模拟5条用户数据并用el-table展示。”
【必须写明技术栈组合,不能只说“Vue项目”】否则Cursor会默认生成最简Vue模板,缺少你真正需要的模块。
选中这段文字 → 右键 → 「Ask Cursor」→ 选择「Generate Project」→ 等待AI分析并弹出「Create New Project」按钮 → 点击它。
接收并验证生成结果
Cursor会在新窗口中自动创建完整项目文件树,包含src/、public/、package.json等全部结构。
检查package.json中是否同时存在"vue-router": "^4"、"pinia": "^2"、"element-plus": "^2"三项依赖 —— 缺一不可,少一个就得手动补装。
打开终端(Ctrl+`)→ 输入npm install → 等待依赖全部装完 → 再输入npm run dev → 浏览器访问http://localhost:5173,看到计数器和表格正常渲染即成功。


















