万普插件库

jQuery插件大全与特效教程

一句话生成代码应用,通义版 Artifacts 代码模式上线公测

今天惊喜地发现通义网页版的代码模式已经正式上线了。我体验过之后的感觉是,终于不用再羡慕 Claude 的 Artifact 和 GPT 的 Canvas 了,我们终于有了所见即所得的国产 AI 代码应用——现在,通义可以用一句话生成网页代码并在线预览,同时支持代码编辑、增添注释、反复修改、分享链接等功能。

通义代码模式:无需编程基础,人人上手可玩

登录通义,就能看到有了新的代码模式选项,而且在应用广场中已经为用户预置了十几个应用模板,如果没有思路可以先从里面选一个感兴趣的,点击「同款指令」就能获取 Prompt。

比如我选择了「成语趣解」,直接发送给通义,可以看到通义一口气写出了 132 行代码,并自动将其预览为更直观的网页:

在此基础上也可以提出新的需求,比如我告诉通义「在这个页面下放增加一个导出按钮,支持海报卡片下载为图片」,它就会再次修改代码并实现这个功能。

遇到了 BUG 报错也不用慌,写代码出错也是常见的事,直接让点击「AI自动修复」,通义就会认真检查代码中的错误,针对报错问题进行修复。

有了通义的帮助,可以很快捷地做出一些常用的小工具,比如大家一直说程序员的三大必做项目日记、To-Do、番茄钟和记账软件,用上通义这些都是一句话的事情。

比如做一个简洁的番茄钟:

或者做一个能区分优先级、设定截止日期的 ToDo 工具:

工作中遇到报名收集表、抽奖工具、日程展示、通知公告等等场景也不在话下,只要能描述出自己的需求,通义通通都可以做。

所以我会觉得,与其说通义的代码模式让零基础用户变身程序员,倒不如说通义让我们体验到了一把产品经理的乐趣——只需要动动嘴皮子,说出自己的需求,就会有 AI 员工替我们完成编程工作。

这样就把我们从繁琐细节的工作中解脱出来,只需要考虑更高维度的需求和设计,只要有想法,通义就能实现。

当然了,也可以去除班味,做出贪吃蛇、2048、俄罗斯方块这样的小游戏:

或者像大佬那样发挥想象力,做出动态的太阳系模型:

除了基础的代码生成和预览功能,通义还支持增加注释、代码语言转换、代码导出下载和分享页面等多个功能,非常方便。

比如我把刚才的太阳系模型生成分享,大家点击链接就能在线看:

https://www.tongyi.cn/qianwen/share?type=codePreview&shareId=7dddcd5d-2e8f-451d-abd5-005b2d0b7252&type=codePreview

不过要注意的是,目前通义只支持在安全沙盒中运行一些前端的网页应用,并没有后端服务功能。如果需要后端服务,通义可以帮助我们写出后端代码,并指导如何完成本地的部署、运行工作。

当然,从这个角度来讲,通义并不会鼓吹什么「AI 取代程序员」,而是为了让那些完全不懂编程的普通人体验创造的乐趣,对于普通人来说,前端应用已经足以解决非常多的日常需求了,如果能因此对编程产生兴趣,也可以进行更深入地学习。

通义背后的代码大模型:Qwen2.5-Coder

这么优秀的代码生成表现,其实来自于千问团队在双十一当天开源的代码大模型 Qwen2.5-Coder 系列,包括了 0.5B 到 32B 六个尺寸,通义代码模式使用的就是其中最强的 32B 模型。

Qwen 团队还在 HuggingFace 上搭了一个 Qwen-2.5 Coder Artifacts,可以看做是通义代码模式的开源版本:

Qwen2.5-Coder 一发布就点燃了开源社区,现在已经霸榜了 HuggingFace Models 和 Spaces 两个榜单:

Qwen2.5-Coder-32B 在多个编程测试集中击败了 GPT-4o 和 Claude 3.5 Sonnet:

Qwen2.5-Coder 已经支持多种调用方式,既可以在阿里云百炼 API 在线调用,也可以通过 Ollama、LMStudio 等本地部署。

AI 是帮助我们攀登人生更高峰的登山杖

以前我们常说,编程是最容易习得的超能力。现在有了 AI 的加持,人人都能做五分钟程序员,通过编程体验到创造的乐趣。

过去两年,时常有人会担心 AI 取代工作,其实在我看来,AI 是帮助我们攀登人生更高峰的登山杖——从 Github Copilot,到 Cursor,从 Claude Artifact 到通义代码模式,AI 真正降低了写代码的门槛,让应用开发、网页制作不再是程序员的专属,让每个人都能免费、便捷地触摸到更高的山峰。

通义不愧是国产大模型之光,这一波可以说是模型、产品两开花,将大模型辅助编程的体验提升到了 Next Level —— 不懂编程的普通人可以直接在通义上体验一句话生成应用,而更硬核的程序员则可以使用通义灵码或者将 Qwen2.5-Coder 无缝接入 Cursor 等编程助手,快来体验一下吧~

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言