AI开发小程序无从下手？CodeBuddy：我来助你！

以子之矛攻子之盾会怎样？我不知道。以鹅厂的CodeBuddy写鹅厂的小程序，我们现在来试试。

在 Cursor 锁区后不久，7月24日，腾讯的 AI IDE CodeBuddy 开放体验了，我们今天使用鹅厂的 CodeBuddy 来尝试写一写鹅厂的小程序，看看会碰撞出什么样的火花🔥。

决策

文章题目该怎么写，中午吃饭吃什么，看到文章点不点赞？这些问题经常困扰着选择困难症的我，决策真是太难了。正好，前段时间在figma上看到了这个Figma-实战项目「叮咚决策器」项目，UI风格很好看，功能也非常贴合我的需求，所以趁着 CodeBuddy 免费体验，来用 CodeBuddy 来实现一下若干页面。

技术栈选择

小程序开发当然要选个好的基础模板，这次我选用我自己开发的 uni-app vue3 模板 wot-demo来作为基础项目进行开发，这样更加贴合实际开发场景。 wot-demo 主要由以下开源包组成：

核心：@uni-helper
引擎：uni-app
打包器：Vite
CSS 样式：UnoCSS
代码质量：ESLint 和 TypeScript：
组件库：Wot UI
CI/CD：uni-mini-ci
路由：uni-mini-router
网络请求：Alova
Pinia：Pinia

前置配置

我们在开发之前，做一些必要的准备，包括项目搭建、MCP配置等

创建项目

参考 wot-demo 文档，使用 create-uni 创建一个 uni-app vue3 项目。

bash 复制代码

pnpm create uni <project-name> -t wot-demo

配置MCP

参考文章用 AI 驱动 wot-design-uni 开发小程序,我们可以使用 context7 MCP来获取wot-ui 组件库文档知识，正好我们借此了解一下 CodeBuddy 如何配置 MCP。

如图，点击MCP按钮就可以进入配置界面。

点击手动配置,如下图，其他的MCP也都是类似的操作。填入context7 mcp的配置：

json 复制代码

{
  "mcpServers": {
    "context7": {
      "disabled": false,
      "timeout": 60,
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@upstash/context7-mcp@latest"
      ]
    }
  }
}