前言

前面我已经直接测试了CHAT GPT官网的CHAT GPT5生成代码效果。但实际效果还是差强人意,有些勉强了。所以我在找有没好的使用方式。
昨天也测了COPILOT官网,效果不错,大家可以试试:copilot.microsoft.com

今天发现TRAE更新后也支持了GPT5,拉出来练练。
在这里插入图片描述

来直接看效果:

在这里插入图片描述
细节很到位的,比前面多次用GPT5官网与COPILOT生成的结果来比(相同的提示词,不作二次提示),效果应该算是更好。
大家可以比比。
在这里插入图片描述
还是挺可以的。

一、提示词


我们计划用基础的HTML、CSS和JavaScript来实现一个番茄计时工具(Pomodoro Timer),并支持响应式布局。请你实现。

番茄计时法通常包括:25分钟的工作时间,然后5分钟的休息时间,循环进行。完成4个番茄钟后,有一个较长的休息(如15-20分钟)。

功能点:

1. 设置工作时间和休息时间(默认25分钟工作,5分钟休息,长休息15分钟,每4个番茄钟一次长休息)。

2. 开始/暂停按钮,重置按钮。

3. 显示当前状态(工作、休息、长休息)和倒计时。

4. 记录完成的番茄钟数量,并在完成4个后进入长休息。

5. 响应式布局:适配手机和桌面。

我们将使用以下技术:

- HTML:结构

- CSS:样式,使用Flexbox/Grid和媒体查询实现响应式

- JavaScript:计时器逻辑和状态管理

设计思路:

状态:工作、短休息、长休息。

变量:工作计时(25分钟),短休息计时(5分钟),长休息计时(15分钟),当前倒计时时间(秒),当前状态,计时器对象,完成的番茄钟计数(用于判断何时长休息)。

操作:

开始/暂停:点击同一个按钮,根据当前状态切换。

重置:重置所有状态到初始。



二、使用步骤

1.在TRAE中选择GPT 5模型

在这里插入图片描述

2.部署

可采用Python部署,或是直接双击HTML打开即可。
Python部署语句如下:

python -m http.server 8080

三、总结

今天再去试了下官网的,还是不行,比不上在COPILOT与TRAE中使用,难道是因为在官网我用的是免费版本???大家可以去看看:https://blog.csdn.net/iamentiam/article/details/150074687?spm=1011.2124.3001.6209

还有个不得不说的优点,那就是响应快。完全超过了我阅读的速度,大家可以去试试。
建议对比下:
https://copilot.microsoft.com/
和官网的:
https://chatgpt.com/

我觉得前者更好.
但发现个奇怪的点,国内的几个模型,都你是在官网效果更好。而GPT5 、CLAUDE 4 都像是在集中环境中更好。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐