一句话搞定网页开发,新手也能迅速成为React高手。
Qwen最近上线了一款名为“AI前端工程师”的Web开发工具,只需简单一句话就能创建出复杂的网页应用。
无论是HTML、CSS还是JavaScript,这款工具都能一并处理,并且还支持流行的React框架。
只需几秒钟,你就能生成一个美观且带有特效的个人网站。调整内容后,直接上传到GitHub Pages即可完成部署。
如果你知道有哪些自动化部署工具可以进一步简化这个过程,请在评论区分享你的经验。
有开发者认为,这不仅实现了文本到像素级别的渲染,还能帮助团队快速搭建项目雏形,从而加快整个开发流程。
一些手速快的网友甚至已经用它克隆了GitHub的主页。
不论是构建一个水果电商网站还是防晒产品的介绍页,都只需要一条简单的指令。
当然,如果你对页面布局和内容有更具体的要求,也可以详细说明:
比如创建一个语义化的“联系客服”表单,要求包含姓名、电子邮件地址、问题类型以及留言等字段,并且这些表单项要垂直排列在一个卡片内。
更进阶的玩法是给AI提供一个现有网页链接,让它根据网页内容自动设计出合适的呈现方式。
从以上例子可以看出,无论是否特别指定,该工具默认都会使用React框架来实现需求。
此外,此功能适用于Qwen网页版的所有模型,只需切换至“网页开发”模式即可启用。
如果同时开启“深度思考”模式,虽然会延长响应时间,但最终生成的网页质量会有显著提升。
通过观察推理过程中的token数量变化,还可以窥探出网页开发模式背后的工作原理。
显然,这些都是系统预设的行为。
简单测试一下就能发现,系统内置了一系列设计原则和最佳实践指南。如果有朋友能完整提取出系统提示词,欢迎在评论区分享。
最后一点值得一提的是,除了“网页开发”模式外,Qwen Chat还将推出一种新的MCP模式,尽管目前仍处于灰色状态,显示为“即将推出”。让我们一起期待吧!