ChatGPT提示词工程——Web开发 10 类最佳提示词
提示词清单
我们整理了以下共 10 项针对 Web 开发的 ChatGPT 提示词：
为一个JavaScript开发的网站[网站描述]开发一个架构和代码
我想为我的网站上实现一个有吸引力的header，你能提供一个使用CSS和JavaScript的例子吗？
我需要Web应用程序创建一个REST API接口服务，你能提供一个如何使用Node.js和Express的例子吗？
找出以下JavaScript代码中的bug[在下面粘贴代码]
我想为我的React应用程序实现服务器端渲染，你能提供一个使用Next.js的例子吗？
帮我用Bootstrap实现一个网站顶部导航[导航栏目说明]
帮我写一个电子邮件的正则表达式
帮我用JavaScript写一个计算两个日期之间相差天数的函数
我正在为一家小企业做一个网站[业务描述]，我需要关于如何使用WordPress构建网站的一些建议
为一个Web开发人员的求职岗位生成一个包含10项相关技能和经验的列表
提示词示例
现在我们就来试试上面的 ChatGPT 提示词！
示例1
提问
帮我找出以下JavaScript代码中的bug:
```
sum = 0;
for (i=1; i<=100; i++) {
if (i % 2 = 0)
console.log("%d 是偶数", i);
else
console.log("%d 是奇数", i)
}
```
回复
在这段代码中有一个bug：在if语句中，使用了赋值运算符（=）而不是相等运算符（==或===）。正确的代码应该是：
在if语句中应该使用相等运算符来判断i是否为偶数。
示例2
提问
为一个Web开发人员的求职岗位生成一个包含10项相关技能和经验的列表
回复
1.熟悉HTML、CSS和JavaScript等前端开发技术，能够编写符合标准的网页和交互功能。
2.熟练掌握至少一种前端框架，如React、Angular或Vue，能够利用框架进行快速开发和组件化。
3.具备后端开发经验，熟悉至少一种后端语言和框架，如Python的Django、Java的Spring或Node.js的Express。
4.掌握数据库设计与管理，熟悉SQL和NoSQL数据库，如MySQL、MongoDB等。
5.熟悉版本控制工具，如Git，能够进行团队协作和代码管理。
6.了解Web性能优化和安全性，能够通过优化代码和使用安全措施提升网站的性能和安全性。
7.具备响应式设计和移动端开发经验，能够开发适配不同设备和屏幕尺寸的网页。
8.熟悉RESTful API的设计和使用，能够与后端进行数据交互和接口对接。
9.具备敏捷开发和项目管理经验，能够按时高质量地完成任务并与团队成员进行有效沟通。
10.拥有良好的问题解决能力和学习能力，能够独立解决技术问题并持续学习新的Web开发技术和趋势。
结束语
本篇是 ChatGPT 提示词在 Web 开发领域的探索，我们一共罗列了 10 类提示词，并对其中 2 类提示词进行了提问演示。我们认为 ChatGPT 在 Web 设计和代码生成方面的能力非常强大，如果加以熟练运用，对开发 Web 应用非常有帮助。需要注意的是，ChatGPT 生成的代码并不总是完全正确的，需要开发者进行测试后再运用到项目中。
