看到Qwen2.5-Coder非常强悍,就想测试一下,能否0基础开发一个网页应用。
本文我测试用到的是Qwen2.5-Coder-32B-Instruct,它基于Qwen2.5开发的代码特定大语言模型。该模型通过5.5万亿tokens的训练,在代码生成、代码推理和代码修复方面都取得了显著提升。它是当前最先进的开源代码语言模型,编码能力可与GPT-4相媲美。
阿里自己也有一个编程辅助工具叫通义灵码,在VSCode中安装插件即可,也很棒,下次再测试吧。
通义灵码,是基于通义大模型的智能编程辅助工具,提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码优化、注释生成、代码解释、研发智能问答、异常报错排查等能力,并针对阿里云的云服务使用场景调优,助力开发者高效、流畅地编码。
最近经常用Cursor,所以就直接在Cursor中调用Qwen2.5-Coder-32B-Instruct来帮我开发这个网页应用。
配置方法:
整个过程,代码全部由Qwen2.5-Coder生成!
它给我了三段代码
1.HTML
/*styles.css*/body{font-family:Arial,sans-serif;text-align:center;margin:0;padding:0;}#tabs{margin-top:20px;}.tab-button{padding:10px20px;margin:05px;cursor:pointer;}.tab-content{margin-top:20px;display:none;}.tab-content.active{display:block;}3.JavaScript逻辑
如果连这些脚本干什么的都不知道,也可以问Qwen2.5-Coder
调整、美化
预览一下,效果不太理想,可以根据第一版情况让Qwen2.5-Coder继续修改
然后Qwen2.5-Coder给出了调整后的代码
首先是主HTML文件:
CSS文件:
JavaScript文件:
这个更新后的版本有以下改进:
响应式布局:
功能完善:
交互优化:
Qwen2.5-Coder回复如下
当然可以!将你的项目部署到Vercel并使用Cloudflare作为域名提供商,可以按照以下步骤进行操作。
1.准备项目文件
确保你的项目文件结构如下:
my-tomato-clock/├──index.html├──styles.css└──script.js2.创建Vercel账户并安装VercelCLI
如果你还没有Vercel账户,先注册一个:Vercel注册页面
安装VercelCLI:
npminstall-gvercel3.部署项目到Vercel
4.配置Cloudflare
获取Cloudflare的DNS记录:
更新域名注册商的DNS设置:
等待DNS更改生效(通常需要几分钟到几小时)。
5.在Cloudflare中配置Vercel的域名
6.配置SSL证书7.验证部署8.自动化部署(可选)
如果你希望每次代码更新后自动部署到Vercel,可以配置GitHub集成:
这样,每次你推送代码到GitHub,Vercel会自动部署你的项目。
最终效果
手动调整了一两个细节,按照提示,上线后如下
使用QwenCoder,你可以显著降低开发成本,通过自动化代码生成快速搭建应用框架,将更多资源投入到核心功能开发。QwenCoder支持多种编程语言和框架,确保技术栈选择灵活。同时,它能根据具体需求生成定制化代码,轻松调整和优化,确保应用程序完全符合你的期望。