微信开发者工具集成了「代码助手」，除了能支持小程序项目开发之外，还支持公众号、多端应用等项目的开发。
“让初中学历做烤地瓜的我，也能一分钟成为开发者”
“接手的项目代码像天书，扔给代码助手帮忙理解，除了老天爷之外，我也能看懂了！”
“全程扮演产品同学和测试同学，一行代码没写做了个小程序。（手动狗头/打字太累了，推荐出个语音交互）”
上线后，我们收到许多开发者的支持和体验反馈。目前正在不断优化「代码助手」的体验，帮助开发者提升项目开发效率，缩短学习曲线，减少重复劳动，专注于产品迭代与创新。
体验指引
下载最新版 微信开发者工具 ，在「设置-扩展设置-编辑器扩展」中，安装「腾讯云代码助手 CodeBuddy」插件。
示例用法：
（当前开发者工具代码自动生成的效果）
真实案例：工具智能一点点，开发轻松亿点点
分享与吐槽
我们邀请各位开发者分享自己使用代码助手的体验，无论是使用经验、吐槽、代码片段分享、代码助手的精彩（翻车）回答，来者不拒。
① 我想分享代码片段：可分享由代码助手生成的，你认为值得分享的项目代码，提供代码片段和你的评价。
② 我想分享经验：什么姿势使用代码助手效果最好？哪些提示词可以多用？如何正确表达出自己的想法？......
③ 我想吐槽：代码助手有哪些奇怪的bug？希望代码助手可以有什么能力？
④ 我想分享精彩（翻车）回答：可截图分享你认为精彩的、或者翻车的代码助手回答截图。
即日起至 2025 年 07 月 07 日，在下方评论区分享自己对「代码助手」的使用体验与建议，每个人可回答多个，每个回答角度独立精选，精选评论的开发者将获得官方精美礼品一份，每个开发者最多可同时获得 4 份精彩礼品（如果 4 个回答角度都有被精选）。
很好用, 用之前记得在Craft里面设置自动修改,这样不用每次手动确认了
① 我想分享代码片段：可分享由代码助手生成的，你认为值得分享的项目代码，提供代码片段和你的评价。
chat模式写个demo啥的还可以，我想了一个抽牌小游戏，让他帮我写一个html版本的demo。
注意要关闭codebase，因为这个是html的版本，和微信小程序不符合。
去掉codebase就好了。
生成了一个比较简陋的抽卡游戏，还行吧。
源码：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>抽扑克牌游戏</title> <style> .card { width: 100px; height: 150px; background-color: #fff; border: 1px solid #000; display: inline-block; margin: 5px; text-align: center; line-height: 150px; cursor: pointer; position: relative; } .card.back { background-color: #000; color: white; } </style> </head> <body> <button id="startGame">开始游戏</button> <button id="shuffleCards" style="display: none;">洗牌</button> <div id="cardDeck"></div> <script> const suits = ['♠', '♥', '♣', '♦']; const values = ['A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K']; let deck = []; let gameStarted = false; document.getElementById('startGame').addEventListener('click', startGame); document.getElementById('shuffleCards').addEventListener('click', shuffleCards); function startGame() { gameStarted = true; document.getElementById('startGame').style.display = 'none'; document.getElementById('shuffleCards').style.display = 'inline-block'; createDeck(); renderDeck(); } function createDeck() { deck = []; for (let suit of suits) { for (let value of values) { deck.push({ suit, value }); } } } function shuffleCards() { for (let i = deck.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [deck[i], deck[j]] = [deck[j], deck[i]]; } renderDeck(); } function renderDeck() { const cardDeck = document.getElementById('cardDeck'); cardDeck.innerHTML = ''; for (let card of deck) { const cardElement = document.createElement('div'); cardElement.classList.add('card', 'back'); cardElement.addEventListener('click', () => flipCard(cardElement)); cardDeck.appendChild(cardElement); } } function flipCard(cardElement) { if (cardElement.classList.contains('back')) { const randomCard = deck[Math.floor(Math.random() * deck.length)]; cardElement.classList.remove('back'); cardElement.textContent = `${randomCard.suit}${randomCard.value}`; } } </script> </body> </html>这个可以试试
我用CodeBuddy 写文章《时光有节，岁月有气，用 CodeBuddy + 地图 MCP 构建二十四节气》https://cloud.tencent.com/developer/article/2523683
为什么启用不了呢？
代码补全都没有, 做你尼玛呢
codebuddy显示还原视图时出错如何解决