ClaudeDev：全新代码Agent可以在 VS Code 中生成应用程序！（一键创建、修改、运行项目）
Aitrainee | 公众号：AI进修生
Hi，这里是Aitrainee，欢迎阅读本期新文章。
我之前介绍过很多可以用来创建应用程序的工具，比如Planex、Claude Engineer、AI Engineer、Micro Agent等很多其他工具，但我最喜欢的还是AER。
大多数人可能都知道它真的非常好用，你可以看到他执行过程一切的发生。只需给出一个提示，它就能生成一些很酷的东西。
所以大多数时候，当我介绍其他工具时，我总是会将它们与AER进行比较，今天我将再次这样做。
今天这个新的工具，它可以像AER一样生成应用程序并做很多事情，这次的工具是Claude Dev。
那么，Claude Dev是什么呢？Claude Dev是一个开源的VS Code扩展，虽然它可以做很多事情，但如果让我用一个词来解释，它基本上就是AER，只不过是在你的VS Code里。
比如生成一个贪吃蛇游戏，它会使用Claude 3.5 Sonnet来生成代码，放到文件中，甚至运行代码，为你提供一个最终运行的应用程序。
如果你有现有的代码库，它也可以对其进行修改，这非常棒。
它可以创建和编辑文件，分析项目源代码，并在你授权后执行终端命令。它使用多种工具来完成大部分任务，这对于现有的代码库非常有帮助。
它使用文件名来理解项目结构，并选择可能需要根据你的提示重构的文件，这也非常好。
此外，它所做的一切，比如创建文件、编辑或运行代码，都需要用户确认，这样你就可以跟踪正在发生的事情，确保一切正确无误。
它还跟踪整个任务循环和每个请求的总使用代币和成本，这也非常棒。
好了，现在让我们来看看它是否真的好用。
我们只需要打开VS Code，然后搜索Claude Dev，你就会找到这个VS Code扩展。
安装好后，你会在侧边栏中看到它，打开它。使用之前，点击设置选项，在这里你需要设置Anthropic的API密钥，
▲ 免费Claude API
你也可以使用Open Router或AWS Bedrock，如果你愿意的话。
设置完成后，点击“完成”按钮，现在我们可以开始使用它了。
让我们试着制作一个贪吃蛇游戏。首先创建一个新文件夹并打开这个文件夹。然后我们要求它使用HTML、CSS和JS创建一个贪吃蛇游戏。
它正在生成代码，你也可以在这里看到代币和成本。代码生成后，它会要求你批准代码以继续，你可以在这里查看它生成的代码差异（diff），非常酷。
批准后，它会生成CSS文件，你可以再次查看代码差异，看起来也不错，批准吧。接下来是JS文件，你可以再次查看代码差异，批准它。文件已经生成，你可以在这里看到它生成的所有文件。
现在它正在生成使用方法的详细信息和运行命令。好了，使用方法和运行命令已经生成了，它在请求运行命令的权限，我们也批准它。
好了，现在贪吃蛇游戏运行了。这部分非常酷，因为我见过的大多数工具都不会实际运行代码，但这个做到了，非常酷。
贪吃蛇运行正常，但当我吃到一个食物时，游戏就停止了。
所以我们回到Claude Dev并要求它修复这个问题。我们在这里发送提示，它正在处理，现在它在请求读取game.js文件，我们在这里批准请求。好了，现在正在生成更改，你可以在这里查看代码差异，批准它。好了，完成了。
它再次生成了使用说明和运行命令，现在它正在运行，让我们看看这次是否正常。好了，这次运行正常，所以它也能进行不错的重构，这也很酷。
但是我还发现另一个问题，那就是当游戏结束时没有重新开始的选项，所以我们要求它也添加这个功能。我们在这里发送提示，它想要修改index页面，所以我们批准。
接下来它想要编辑style.css文件的代码，我们也批准。然后它想要编辑game.js文件，我们也批准。
好了，完成了，这里是运行命令，让我们运行它。
现在添加了重新开始按钮，好了，这真的非常酷。
我是说，它基本上就是AER，但在VS Code里面，并且非常互动，你可以看到代码差异等。它运行得也很好，没有遇到什么大问题。
既然这样，我还想看看它是否能与Next.js一起使用，所以我们来制作一个Next.js的待办事项应用。
让我们先创建一个Next.js项目并在VS Code中打开它。现在打开Claude Dev，要求它制作一个待办事项应用。
最后，它给我了npm run dev命令，这个命令运行了应用程序。
如果我运行这个命令，你可以看到它现在已经启动了，让我们前往3000端口。
好了，这里是应用程序：
让我们添加一个任务。好了，它也能正常工作，尽管文本框中的文本显示为白色，使其难以阅读，所以我们要求它修复这个问题。
它再次请求相同的权限，我也批准了，现在让我们看看它。
好了，这个问题也解决了，所以它几乎可以做好所有事情，我真的很喜欢。
现在我觉得它真的非常好用，我是说你还需要什么呢？它运行得很好，非常互动，几乎可以做任何事情，包括处理旧代码库。而且它非常可控，因为在做任何事情之前都会请求用户批准，这也非常棒。
我希望它能支持Ollama或其他提供商，但这不是一个大的问题。有一点不足的是，它没有使用Git来提交或暂存更改，这意味着如果你想要还原它做出的更改，你要么得逐个文件地撤销，要么就只能手动还原。
而AER在这方面做得更好，它使用Git来暂存更改，如果你认为它做错了，你只需使用撤销命令即可还原内容，所以这是这里可以改进的地方。
无论如何，这是我见过的最好的编码代理之一，而且它还是智能的。我会把它与AER放在同一水平上，因为它真的很好，并且只会越来越好。
🌟希望这篇文章对你有帮助，感谢阅读！
[1] github：https://github.com/saoudrizwan/claude-dev
知音难求，自我修炼亦艰
抓住前沿技术的机遇，与我们一起成为创新的超级个体
（把握AIGC时代的个人力量）
点这里👇关注我，记得标星哦～
一键三连「分享」、「点赞」和「在看」
科技前沿进展日日相见 ~