Cursor + GPT-5 编程实战测评:功能、性能与真实体验
见字如面,与大家分享实践中的经验与思考。
GPT-5 是 OpenAI 于 2025 年 8 月 7 日发布的最新旗舰语言模型,相比 GPT-4o,它在多个核心能力上取得了显著突破。根据官方评估数据,GPT-5 在编程、数学推理、创意写作、健康、多模态等领域的表现都有大幅提升,特别是在复杂前端代码生成和调试方面展现出了前所未有的能力。
GPT-5 了解
从非官方渠道发布的评估数据来看,GPT-5 在主流 AI 模型排行榜中表现出色。以下是 GPT-5 在各个测试类别中的表现:
更多详细的各项类别排名,可以查看:https://lmarena.ai/leaderboard/
上下文长度对比
以 Cursor 为例,在上下文处理能力方面,GPT-5 相比 Claude-4 有一定优势,这在处理大型代码库和复杂项目时尤为重要:
价格策略
1)Cursor IDE
值得注意的是,GPT-5 在发布初期提供了一周的优惠体验期,这为开发者提供了充分测试的机会:
2)Open Router
价格对比来源:https://openrouter.ai/compare/openai/gpt-5/anthropic/claude-sonnet-4
GPT-5 编程体验
OpenAI 官方吹了一波前端编码能力的强大,接下来,将基于 Cursor 体验 GPT-5 在实际编程场景中的表现,通过两个前端项目案例来验证其代码生成质量和交互体验。
案例一:IOS 18 风格天气卡片
提示词设计:
创建一个 IOS 18 风格的天气页面,具体要求如下:
1. 使用 HTML + CSS + JavaScript 实现,包含 index.html、styles.css 和 script.js;
2. 动态天气卡片,包含晴天、暴雨、下雪、多云、冰雹、大风、下雨等 7 张卡片
3. 每个卡片的样式主要采用 IOS 18 的风格,布局合理,有适当交互,点击可以查看详情
现在开始创建,确保可在浏览器中直接打开 index.html。
GPT-5 生成过程:
从下图可以看出,GPT-5 能够快速理解需求,并按照结构化的方式生成代码:
最终效果:
生成的天气卡片完美复现了 iOS 18 的设计风格,包括圆角阴影、毛玻璃效果、以及流畅的动画过渡:
测试结果分析:
设计还原度高,符合 iOS 18 设计规范
代码结构清晰,HTML、CSS、JS 分离良好
交互体验流畅,点击效果自然
一次性生成,无需额外调试
案例二:普拉提健身约课 APP 原型
背景说明:
这个案例基于之前的实践经验,相关技术细节可以参考以下文章:
GPT-5 生成过程:
从生成过程可以看出,GPT-5 对于复杂 APP 原型的理解更加深入,能够自动规划多个页面的交互流程:
原型展示:
以下是生成的多个页面截图,展现了完整的普拉提约课流程:
首页界面:
课程列表页:
日程安排页:
预约界面:
个人中心:
测试结果分析:
页面设计现代化,符合移动端 UI 规范
交互流程完整,从浏览到预约形成闭环
响应式设计良好,适配不同屏幕尺寸
色彩搭配协调,视觉层次清晰
功能模块划分合理,用户体验友好
最后
总的来说,GPT-5 在编程辅助方面已经达到了一个新的水准,在一些专业 AI 编程工具中,能够显著提升开发效率和代码质量。对于前端开发者而言,这无疑是一个值得尝试的强力助手。
欢迎关注公众号"Eric技术圈",原创技术文章第一时间推送。