工具智能一点点，开发轻松亿点点

今天接到了一个需求，要在一个小程序中加个热点新闻列表页面，用来测试一些性能效果。

花了半小时，勉强画了一个毛胚版的框架出来，时间长不说还质量差...

列表仅用于效果展示，内容无实际含义

产品同学看了一眼后，头摇成了扇子，然后跟我说：“要不你上点智能插件呢？”

智能插件安装

产品同学说的“插件”，其实是集成在 微信开发者工具 中的代码助手插件，开发者可以在扩展设置中一键安装，自主选用。

以 CodeBuddy 为例，微信开发者工具需下载最新版本

以安装“腾讯云代码助手”为例，一键安装完成后重启项目，开发者工具编辑器中就会有该代码助手插件的图标，点开就可以直接使用了。

目前在该插件中，开发者可根据自己的需要，用不同的方式使用代码助手：

1. Craft 模式： 主要侧重于需求拆解、代码的生成和优化，可以帮助开发者根据需求生成代码片段，优化现有代码，提高代码质量。

2. Chat 模式： 对话模式，注重与开发者的互动；助手会根据上下文提供解决方案或建议，适用于调试、问题排查和获取编程建议。

我目前的诉求就是写代码，于是开始在 Craft 模式中一番输入。

使用经历

首先，我需要根据后端同学给的接口，将返回的新闻内容动态渲染到页面上。于是我将接口信息输入给代码助手，要求它自己拆解内容并制作新闻列表页面。

仅仅过了一分半钟，代码助手就将我花半小时写的“毛坯”变“精装”了，还精准识别了 API 的内容细节，并将其展示出来。我注意到 API 中包含作者头像，于是要求代码助手展示作者的头像。

这次只用了半分钟，作者头像就展示出来了，而且代码助手还贴心地将头像大小控制到与作者名字大小相当，细节满满。

查看代码助手生成的页面代码后，我发现其可读性很高。不过在页面结构上，作者信息和阅读、收藏数与标题描述都在左侧，导致右边空白未被充分利用。

于是，我要求代码助手按照我的想法调整结构。

最终效果非常到位，代码助手还特意在中间加了一条过渡线，整体美观度提升了不少。

接着，我又要求代码助手实现点击新闻跳转到详情页的功能。

虽然我之前没有写过详情页，代码助手却自动生成了页面内容，并知道要在 app.json 中注册页面，这些都不需要再人工干预。完成后，我测试了一下，效果完美。

短短几分钟内，我完成了 4 次迭代，只需与代码助手沟通想法并验收成果，完全不需要自己写代码。

写在后面

开发者工具里的代码助手插件，除了能支持小程序项目之外，还支持公众号、多端应用等项目的开发。

目前，我们正在不断优化这些功能，希望通过「代码助手」等一系列效率工具，帮助开发者提升项目开发效率，缩短学习曲线，减少重复劳动，专注于产品迭代与创新。

下载最新版本微信开发者工具体验「代码助手」，让开发工作更加轻松高效！