CodeBuddy初探

回顾Trae

上一篇博客Trae IDE和VSCode Trae插件初探-CSDN博客，我们进行了TraeIDE和Trae插件初探，给了Trae这样一个任务：

生成一个to do list清单web页面，采用vue实现，可以在页面上进行todolist进行增删改查。

Trae的最终完成效果如下：

使用CodeBuddy

下面我们通过CodeBuddy完成同样的任务，并对比它们完成该任务的效果。

首先，codebuddy尝试去初始化一个vue项目，但是执行npm create vue@latest命令时，其实还需要进行一些确认输入，但是codebuddy认为是命令执行失败了，便尝试去用npm init -y方式去初始化vue项目，然而任然是执行失败。

于是我决定帮它一把！手动执行npm create vue@latest并输入必要的信息。

然后我让他继续生成，但是因为上一轮它并不知道我手动执行了命令以及成功初始化了vue项目，它还在按一种更直接的方法创建vue项目，这显然不是我们想要的！

于是，我决定重新打开一个对话，不被之前的对话所干扰。同样输入以下提示词

生成一个to do list清单web页面，采用vue实现，可以在页面上进行todolist进行增删改查。

然后，它发现我没有下载依赖，尝试通过npm install安装依赖。然而，它高估了我们的网络情况！codebuddy在仅仅几秒的等待后认为命令执行失败！于是采取了其它各种“极端”的方式，因为开启了“自动运行”，所以它进行了一大堆骚操作，甚至还尝试执行了rm -rf ...（还好我是windows系统，这个命令不能运行！），最终我按了暂停键！

于是我决定再帮它一把，手动执行了npm install，再经过几分钟的漫长等待，也是成功安装了所有依赖。

这次，我清楚告诉它我做了什么事情。输入以下提示词：

我手动执行了npm install成功了，你从npm install成功的位置继续吧。

然后，它继续了它的任务并启动了开发服务器。

然而，无法访问！

询问codebuddy帮我们寻找无法访问的原因，未解决！

再次询问codebuddy帮我们寻找无法访问的原因，依然未解决。

然后，我大胆猜测是不是路由配置的问题？并告诉codebuddy，看能否发现问题。

果然，codebuddy没让我失望，它发现是index.html没有创建（虽然并不是路由配置的问题，但是好像也给了它一点思路，它最终还是找到了原因，这点和我们日常工作还是挺像的哦，“很多时候尽管收到不同的建议，虽然最终这些建议不一定是最终的解决方案，但是你不得承认这些建议从某些角度上启发了我们，然后促进问题的解决”）。

终于看到一个正常的界面了。

但是，发现一个bug：点击左侧框选，无法将待办事项标记为已完成。

先人工检查一下代码

const removeTodo = (index) => {
  todos.value.splice(index, 1);
};

下面让codebuddy帮我们修改bug

bug自动修改完成，nice。

总结

总的来说，虽然过程中有些小插曲，codebuddy最终也完成了任务，并且出来的界面效果也还可以。但是，个人感觉与Trae比起来，差别也不是特别大，并不像网上说的那么完美。可能是我的打开方式不正确O(∩_∩)O，后面再研究研究。

既然都看到这里了，记得点赞一波支持一下哦O(∩_∩)O。