收藏
回答

话题 全部话题

体验惊喜?开发工具里有 AI 代码助手啦!

微信开发者工具集成了「代码助手」,除了能支持小程序项目开发之外,还支持公众号、多端应用等项目的开发。

“让初中学历做烤地瓜的我,也能一分钟成为开发者”

“接手的项目代码像天书,扔给代码助手帮忙理解,除了老天爷之外,我也能看懂了!”

“全程扮演产品同学和测试同学,一行代码没写做了个小程序。(手动狗头/打字太累了,推荐出个语音交互)”


上线后,我们收到许多开发者的支持和体验反馈。目前正在不断优化「代码助手」的体验,帮助开发者提升项目开发效率,缩短学习曲线,减少重复劳动,专注于产品迭代与创新。

体验指引

下载最新版 微信开发者工具 ,在「设置-扩展设置-编辑器扩展」中,安装「腾讯云代码助手 CodeBuddy」插件。

示例用法:

 (当前开发者工具代码自动生成的效果)

真实案例:工具智能一点点,开发轻松亿点点 


分享与吐槽

我们邀请各位开发者分享自己使用代码助手的体验,无论是使用经验、吐槽、代码片段分享、代码助手的精彩(翻车)回答,来者不拒。

我想分享代码片段:可分享由代码助手生成的,你认为值得分享的项目代码,提供代码片段和你的评价。

我想分享经验:什么姿势使用代码助手效果最好?哪些提示词可以多用?如何正确表达出自己的想法?......

我想吐槽:代码助手有哪些奇怪的bug?希望代码助手可以有什么能力?

④ 我想分享精彩(翻车)回答:可截图分享你认为精彩的、或者翻车的代码助手回答截图。

即日起至 2025 年 07 月 07 日,在下方评论区分享自己对「代码助手」的使用体验与建议,每个人可回答多个,每个回答角度独立精选,精选评论的开发者将获得官方精美礼品一份,每个开发者最多可同时获得 4 份精彩礼品(如果 4 个回答角度都有被精选)。


写回答关注话题邀请回答

29 个回答

  • 社区技术运营-wwen
    社区技术运营-wwen
    置顶回答星期二 16:18

    6月我们发起的代码助手话题活动收到了各位开发者朋友们的热情反馈!大家积极分享了使用代码助手的真实体验、效率提升技巧、实用场景和宝贵建议,干货满满,氛围超棒!

    我们精选以下 7 位用户的回答并送出官方精美礼品一份。2025 年 7 月 15 日前,我们将通过社区私信联系以上得奖者确定邮寄地址,如本周五内未收到回复(即 2025 / 7 / 19 0点前),视为放弃奖品。

    星期二 16:18
    赞同
    回复
  • 胃里养了只霸王龙
    胃里养了只霸王龙
    精选06-04

    有没有开放对应的API,我们目前使用的火山引擎以及通义灵码在提交PR后 自动codeReview代码,并且给出提示。目前自研同构框架,编译后的代码在IDE的编辑器里基本失去了可读性,更希望的是能开放API,由我们自己集成。

    遇到的难点:

    • 让AI生成的代码符合日常开发习惯或项目开发习惯 (规范文件约束)
    • 另一个难点 让AI知道该用哪个封装好组件或函数
    • 让AI读懂需求图,如以下提示词:
    你是一个资深的前端开发工程师,精通小程序原生和同构框架开发,现在需要开发一个需求,我会提供ui图、需求描述和接口文档,请严格按照规范文件提供的规范生成页面组件,生成在xxx目录
    ---------需求描述:---------
    xxx
    --------接口文档:----------
    xxx
    

    06-04
    赞同 23
    回复
  • 小黎
    小黎
    精选06-04

     一点点经验

    提问不要总是一成不变的说:帮我实现什么什么功能?要想减少对话长度,直接就输出符合你当前项目的代码。可以按需要给提示词:

    ①是告诉代码助手你想使用的技术栈 [ 技术 | 语言 | 框架 | 插件 ] ,并且按需指定版本 —> ②是描述你的功能 —> ③是告诉AI引用哪些 [ 文件 | 代码片段 | 开发文档 | 插件依赖 | 三方库 | API ] —> ④ 是你的约束条件 [ 性能 | 风格 | 输出格式 | 边界与异常处理 | 排除法 ]

    希望的能力:

    开发工具的「AI代码助手」 啥时候能安排上智能代码补全,包括不限于根据注释生成代码、根据光标位置页面上下文生成代码建议、函数自动补全、以及理解多个文件进行补全建议

    吐槽:

    1、有时候明明已经添加@了文件,叫它总结内容,但是它就是说看到了文件(没有提供内容),非要我把代码粘贴给它,在vs中使用代码助手体验就好很多

    2、如果一个问题询问多次都没解决,它就在两种解决方式之间改回去又改过来,始终没有考虑受到其它因素影响,最离谱的一次,它明明就没有修改代码只是在相关代码后加了个注释 (//这一定不可能出现什么情况 ),他跟我说改好了,这次已经解决了。

    3、它总说我理解你的需求...,我明白... ,但实际上并没有

    代码片段:

    和AI大战300回合写的Hextris 小游戏

    https://developers.weixin.qq.com/s/UlELGWmL8f0N

    06-04
    赞同 19
    回复
  • 启年
    启年
    精选06-06

    我要分享代码成品:

    完全由codeBuddy生成的小项目已经上线了,叫“倒数时光”,有兴趣的朋友可以搜索看一看。

    以下是我使用的提示词,生成的第一个版本就很符合我的预期,全程没有大的修改,每完成一次任务,codeBuddy都会进行总结,并且给出下一步的建议和优化方向。按照它的建议我又进行了两次修改,并且让它自主修复了BUG。开发过程总计历时约40分钟。

    ❤️我要点赞:

    1、调用小程序最新的API,不像其他AI工具会生成过时的小程序代码。

    2、生成的UI风格我很喜欢,解决了程序员不懂UI的烦恼。

    3、注释很到位,每个方法都会给出注释,并且重要的逻辑都有注释。

    4、常识性的细节会考虑到位。比如,我并没有给出春节、高考的具体计算方法,它给我进行了特意的标注和建议。

    💔我要吐槽:

    1、经常说谎明明代码没有写入到文件中,它却报告它已经完成了任务。这时候需要检查下它到底是真的没有写代码还是写了代码没有生效(比如一个css样式,可能它只是没有注意作用域的问题,但是它很难自己排查出来)😫

    2、它经常罢工:经常出现“当前服务请求异常,我们正在全力修复。(Code: 4000)”的提示。

    3、它在处理复杂任务时还需提升能力,比如我让它实现一个日历组件就实现的不尽如人意。

    4、它创新能力有待提升:我让它自己写一个小页面,本来觉得写得不错,后来不经意间发现了跟它相似度90%的页面。当然,这可能只是它的借鉴。也反映出了它并不太擅长需要创意的需求。

    🙏我要许愿:

    我希望它能具备识别UI图来生成页面的功能,就跟cursor那样。因为有时候语言真的很难表达清楚我想要的布局和样式。😭

    总之,还是要感谢codeBuddy让我过上了一心多用的日子👏👏👏,能同时开发好几个项目,上班、摸鱼、搞副业全不耽误。希望codeBuddy越来越好用,早日让我成为不用写一行代码的程序员。

    06-06
    赞同 10
    回复 2
    • 小时光
      小时光
      06-26
      这么调皮的嘛,看来是时候要下一个体验下了
      06-26
      1
      回复
    查看更多(1)
  • 游戏人生
    游戏人生
    精选06-04

    AI让我变得非常懒,但真的很爽

    一行提示词搞定表单校验,省了半小时手写逻辑!

    使用 CodeBuddy 时,我输入的提示是「实现一个小程序手机号输入框校验,格式错误就提示」。它直接帮我生成了完整的代码片段,逻辑清晰、体验友好:

    <view class="form-item">
      <input placeholder="请输入手机号" bindinput="onPhoneInput" />
      <text wx:if="{{phoneError}}" class="error-text">手机号格式错误</text>
    </view>
    
    Page({
      data: { phone: '', phoneError: false },
      onPhoneInput(e) {
        const value = e.detail.value
        const valid = /^1[3-9]\d{9}$/.test(value)
        this.setData({ phone: value, phoneError: !valid })
      }
    ...
    AI一顿写
    })
    


    5秒钟生成,不仅能直接用,还自动考虑到正则和提示逻辑,真的很省力。

    同时,对大家写提示词prompt 的要求更高了

    比如提示词:「我要做一个小程序顶部吸顶导航栏,页面滚动超过100时固定在顶部」,生成的代码结构几乎不用修改。

    此外,code review相比于其他AI 是个优势,分分钟省了出时间做评审!~

    【Bug与建议吐槽】

    代码助手虽然聪明,但也遇到些“迷之行为”:

    • 自动生成的 CSS 偶尔会缺少 rpx 单位;
    • 对 flex 布局理解 OK,但如果我想用 grid,它反而不太行;
    • 输入一些涉及微信支付、用户授权的逻辑时,提示内容略显简略,文档引用不足。

    06-04
    赞同 7
    回复 1
    • Mashiro
      Mashiro
      发表于移动端
      06-11
      06-11
      1
      回复
  • RUM
    RUM
    精选06-05

    分享:1、在使用代码助手时,尽量描述功能需求时保持简洁明了。例如,不要写“我想要做一个界面”,而是直接描述“我想要做一个用户信息展示页面,显示头像、昵称和签名”。2、如果你想生成一个界面,尝试使用类似“展示”、“创建”之类的关键词,这样代码助手能更清楚地理解你的需求。3、当描述复杂功能时,可以分开逐步描述。例如,先生成一个布局,再逐步添加交互功能。

    希望代码助手在处理列表渲染时能自动识别数据源的格式,提供更多调试提示和自动修复的建议。

    06-05
    赞同 3
    回复
  • 阿白
    阿白
    精选06-05

    参考cursor使用经验:

    1,是否支持项目级rules设定,可以解决团队协作一些项目相关的生成规则的指定和维护,防止乱生成,生成乱的问题。

    2,官方是建议整体框架使用Ai搭建,然后由其他同学进行细则填充;还是更建议使用Ai生成小模块小功能。

    06-05
    赞同 3
    回复 1
    • 阿威十八式.
      阿威十八式.
      07-01
      那也就是说,开始不可靠是吗
      07-01
      回复
  • 喵喵侠
    喵喵侠
    精选07-03

    ① 我想分享代码片段:可分享由代码助手生成的,你认为值得分享的项目代码,提供代码片段和你的评价。

    chat模式写个demo啥的还可以,我想了一个抽牌小游戏,让他帮我写一个html版本的demo。

    写一个html版本的抽扑克牌游戏demo,一开始出现开始游戏,然后进入牌组,牌组是堆在一起随机排列的,点击洗牌按钮会洗牌,然后点击任意一张牌就会抽出来看到正面。
    

    注意要关闭codebase,因为这个是html的版本,和微信小程序不符合。

    去掉codebase就好了。

    生成了一个比较简陋的抽卡游戏,还行吧。

    源码:

        抽扑克牌游戏
    
    
        开始游戏洗牌
    
        
            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}`;
                }
            }
        
    
    
    

    ② 我想分享经验:什么姿势使用代码助手效果最好?哪些提示词可以多用?如何正确表达出自己的想法?......

    我想让它帮我做一个记账小程序,模型我就用的default默认的,提示词是:

    我想做一个记账微信小程序,大概有记账、分类、统计等功能,帮我写下需求描述,包括不限于功能和技术框架,UI框架可以用Tdesign。目前不需要用到云开发,数据都存到本地,后续考虑接入云开发。你先生成需求文档md到根目录,然后开始开发。
    

    给出的README.md文档如下:

    这个基本的记账、分类、统计功能都也有,也考虑了后续上云开发的情况,非常不错!

    每一步关键操作也会提示,当然也可以选择自动运行。

    ③ 我想吐槽:代码助手有哪些奇怪的bug?希望代码助手可以有什么能力?

    目前整体的感受是,代码助手的生成速度实在是太慢了,可能有太长的思考时间。有时候它会在一个地方卡壳,改好几遍。

    希望代码助手可以贴图片,理解图片的内容,可以截图bug给它,也可以把设计稿发给它。希望有联网搜索的能力,可以更好的找出问题对应的解决办法;希望可以把官方文档扔给它做知识库,这样就能有更好的表现。

    ④ 我想分享精彩(翻车)回答:可截图分享你认为精彩的、或者翻车的代码助手回答截图。

    小程序记账项目生成一半,出现了编译报错,它不知道怎么去解决这个报错,傻fufu的。

    最后说了要创建图标,这个提示还可以。

    图标确实原生没有提供,但是也应该安装流行的图表库来实现呀,这个地方做的不是很好。

    于是我这样跟它说

    结果换了tdesign还是报错……

    关键是我还不能截图发给他,或者复制这个报错信息给他。我后来用orc提取信息后,还是没给我改对。


    07-03
    赞同 1
    回复
  • 正青春
    正青春
    06-05

    上个话题精选了,礼物还没送出,是不是忘了啊

    06-05
    赞同 9
    回复 11
    • Mr.Zhao
      Mr.Zhao
      06-05
      上个话题520,没看到你啊
      06-05
      3
      回复
    查看更多(10)
  • ^柠檬卤蛋
    ^柠檬卤蛋
    发表于移动端
    06-04
    看不懂
    06-04
    赞同 4
    回复

正在加载...

登录 后发表内容