文章

Cursor + GPT-5 编程实战测评:功能、性能与真实体验

见字如面,与大家分享实践中的经验与思考。

GPT-5 是 OpenAI 于 2025 年 8 月 7 日发布的最新旗舰语言模型,相比 GPT-4o,它在多个核心能力上取得了显著突破。根据官方评估数据,GPT-5 在编程、数学推理、创意写作、健康、多模态等领域的表现都有大幅提升,特别是在复杂前端代码生成和调试方面展现出了前所未有的能力。

images-20250808-16.04.54@2x

以上信息来源:https://openai.com/index/introducing-gpt-5/

GPT-5 了解

从非官方渠道发布的评估数据来看,GPT-5 在主流 AI 模型排行榜中表现出色。以下是 GPT-5 在各个测试类别中的表现:

images-20250808-15.42.50@2x

更多详细的各项类别排名,可以查看:https://lmarena.ai/leaderboard/

上下文长度对比

以 Cursor 为例,在上下文处理能力方面,GPT-5 相比 Claude-4 有一定优势,这在处理大型代码库和复杂项目时尤为重要:

images-20250808-15.39.00@2x

来源:https://docs.cursor.com/en/models

价格策略

1)Cursor IDE

值得注意的是,GPT-5 在发布初期提供了一周的优惠体验期,这为开发者提供了充分测试的机会:

images-20250808-15.45.15@2x

2)Open Router

images-20250808-16.43.25@2x

价格对比来源: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 能够快速理解需求,并按照结构化的方式生成代码:

images-20250808-15.11.40@2x

最终效果

生成的天气卡片完美复现了 iOS 18 的设计风格,包括圆角阴影、毛玻璃效果、以及流畅的动画过渡:

images-20250808-15.16.12@2x

测试结果分析

  • 设计还原度高,符合 iOS 18 设计规范

  • 代码结构清晰,HTML、CSS、JS 分离良好

  • 交互体验流畅,点击效果自然

  • 一次性生成,无需额外调试

案例二:普拉提健身约课 APP 原型

背景说明

这个案例基于之前的实践经验,相关技术细节可以参考以下文章:

GPT-5 生成过程

从生成过程可以看出,GPT-5 对于复杂 APP 原型的理解更加深入,能够自动规划多个页面的交互流程:

images-20250808-15.25.11@2x

原型展示

以下是生成的多个页面截图,展现了完整的普拉提约课流程:

首页界面images-20250808-15.20.18@2x

课程列表页images-20250808-15.20.33@2x

日程安排页images-20250808-15.21.04@2x

预约界面images-20250808-15.21.41@2x

个人中心images-20250808-15.21.56@2x

测试结果分析

  • 页面设计现代化,符合移动端 UI 规范

  • 交互流程完整,从浏览到预约形成闭环

  • 响应式设计良好,适配不同屏幕尺寸

  • 色彩搭配协调,视觉层次清晰

  • 功能模块划分合理,用户体验友好

最后

总的来说,GPT-5 在编程辅助方面已经达到了一个新的水准,在一些专业 AI 编程工具中,能够显著提升开发效率和代码质量。对于前端开发者而言,这无疑是一个值得尝试的强力助手。


欢迎关注公众号"Eric技术圈",原创技术文章第一时间推送。

License:  CC BY 4.0