让chatGPT写代码

chatGPT写出来的代码

成品官网我打包了,下载地址: https://wwoc.lanzoum.com/iZjPJ0zqnikd

图片是我一个个渲染出来的,如果有需要可以在这里下载不用辛苦你扒
链接: https://pan.baidu.com/s/1Vx8NSDQexie7ztxe9UnqAQ
提取码:nfbp

如何让chatGPT写代码?这是一个程序员所想要的,在写程序这个领域现在的版本中其实chatGPT只能作为一个工具,甚至算不上助手,那么又怎么能让他写一些简单的代码?😬 上面那个页面就是chatGPT写出来的,只不过图片我替换了,那么我是如何让他写代码的呢,而你又应该怎么让他变得如此智能呢?其实他并没有那么神不能一下看懂你的意思,你需要不断的向chatGPT输送一个信息我想完成什么需求,如果你不知道你的需求应该怎么样实现你可以大体的描述,在他的回答中获取经验再进行细分下来的提问,如果方向不对,重新开始走另一个方向。咱们先看我的提问方式

🙋 我:
我的完整需求是,做一个IDC服务商的官网页面,请你做一个header和footer,分别固定在上下,然后利用导航栏做头部代码的导航栏,使用css加以美化,内容容器中分左右两侧左边放一个使用Three.js生成一个2d动图,内容是一台云服务器,他的电源在闪动,右侧是一些文字介绍

💻 GPT:

.........一串代码

这个页面的设计简单、易于阅读,并使用了一些 CSS 动画效果来增加视觉吸引力。当引用这个代码时,您需要将使用Three.js生成2d动图的部分替换成您自己的动画代码。
希望这个示例对您有所帮助!如果您有其他问题,请随时告诉我。

🙋 我:
不要简单的示例,请你以专业前端设计师给我设计一个完整的页面!如果你的回答字符数量受限制请分两次回答我

💻 GPT:
好的,我来设计一个完整的页面,该页面以IDC服务商的官网页面为主题。因为我的回答字符数量有限制,我将分两次回答,首先分享页面的 HTML 和 CSS 代码。为了使页面更加生动,我会添加一些占位符图像和文本。

.........一串代码...然后卡住了

🙋我:
卡住了吗

💻GPT:
哦,看来我回答超过了字符的限制,以下是 CSS 代码的剩余部分

.........一串代码d

其实我省略了很多聊天记录,最重要的是探索,你永远不知道你在和他对话的途中他能给你多少答案,而这些答案你是不是都可以拿来学习,包括我之前让他给我做typecho对接码支付的记录也在,我分享出来给大家学习,其实chatGPT本没有那么专业,但是经过你的不断专业性的追问以及补充细节,他也会慢慢的学习成为你想要的导师。

以下是我完整版的聊天记录,完整版的包含了我做支付对接的问题和想做3d动图但是失败了,后来误打误撞做出了上面的页面,其实AI不能代替人的这一层隔阂就是他不能站在你的角度去思考你的需求,如果它能做到,那应该是非常可怕的
wanzheng.md

有问题及时联系站长,QQ:1240555208
更多优质资源在QQ群里,可以进群领取:467392290~
© 版权声明
THE END
点赞6 分享
及时反馈~ 抢沙发

请登录后发表评论

    暂无评论内容