使用 AI 工具（DuMate）开发 Vue 项目

本章节我们直接介绍如何用 AI 工具（DuMate）来开发 Vue 项目，全程不用写一行代码，纯 Vibe Coding。

DuMate（百度搭子）是百度推出的一款面向个人及团队的桌面级 AI 办公智能体。

DuMate 和普通 AI 聊天工具最大的区别，就是不光能回答问题，还能直接帮你干活。

系统要求

安装步骤

双击安装包，按照引导完成安装，然后输入手机号码注册登录。

登录成功后，界面如下所示：

普通模式就是平时聊天的简单需求，如果做项目开发可以进行开发模式，里面有一些现成的应用搭建案例可以参考使用。

接下来我们演示下如何通过 Dumate 开发者模式来开发一个简单的 React 应用，在输入框输入要生成的应用：

使用 Vue 框架生成一个在线二维码工具

接下来可以去喝水，等它完成就行了：

直接系统会我们们完整的代码包，下载下来：

然后进入该目录安装依赖，并看看源码：

cd vue-qrcode-tool
npm install

启动该项目，默认访问地址 http://localhost:5173/：

npm run dev

看下效果：

积分领取

第一次打开时，在对话框输入以下内容，即可免费领取 7 天 VIP 会员：

也可以点击左下角的用户名，在菜单中点击设置，在设置页面点击邀请有礼，输入邀请码 5VKWZ8F 点击复制 即可：