5 分钟不到就可以通过自然语言完成了一个支付功能的页面

（以下文中附有制作的详细过程）

“人人都是开发者”的时代真的要到来了吗？

是的

我们可以试试借助腾讯云 AI 代码助手

生成一个支付功能的页面

看这个任务能否完成？

腾讯云 AI 代码助手是什么?

腾讯云 AI 代码助手，是腾讯云推出的一款 AI 代码生产力工具。基于腾讯混元代码大模型，为研发团队提供代码补全、技术对话、单元测试、代码诊断和智能评审等能力，覆盖研发全流程场景，辅助提升开发者编码效率，帮助研发团队提质 增效。

以下就是由 AI 代码助手生成的支付页面，支付页面包含了姓名、手机号，支付方式选择（微信支付/支付宝支付），以及支付金额和确认支付按钮。

话不多说，接下来我们将以 Visual Studio Code 为例，视频演示通过 AI 代码助手创建一个支付页面。

，时长 01:01

准备工作

开发工具：

电脑安装 Visual Studio Code 1.70 版本及以上。

安装插件：

在 Visual Studio Code 插件市场搜索“腾讯云 AI 代码助手”并安装。并按照指引登录。

开始创建支付页面

打开 Chat 对话框，输入描述并发送

描述示例：“创建一个手机支付页面，页面居中显示支付二字，页面内容包括姓名、手机号、支付方式、支付金额，支付方式可以选择微信支付和支付宝支付，输入框长度一致，页面简洁、高级，要用乔布斯的风格设计，整体使用圆角矩形元素。”

AI 代码助手生产成代码

保存 html 文件代码到电脑上。

打开 html 文档，一个移动端的支付页面就制作好了。

如果生成的效果你觉得可以，就可以继续在原有的基础上修改、优化、增加新功能等等，有看不懂的代码也可以在 chat 对话框直接提问。

总结

腾讯云 AI 代码助手已经被越来越多的开发者验证过，对于开发者、尤其是对刚学代码不久的小白非常友好，可以直接用自然语言就代码进行创建、优化等等，未来腾讯云 AI 代码助手将会增加更多更有趣的功能，极大的扩充编码领域相关工作 AI 的加持，始终为提升开发者编码效率与编码质量不懈奋斗。

免费体验产品👇

https://copilot.tencent.com/?fromSource=gwzcw.9271988.9271988.9271988&utm_medium=cpc&utm_id=gwzcw.9271988.9271988.9271988

​