50 个适用于 Web 开发人员的 ChatGPT 提示
使用 ChatGPT 释放您的 Web 开发潜能！本文为您呈现 50 个引人入胜的提示，旨在激发和挑战各个级别的 Web 开发人员。无论您是经验丰富的程序员还是刚刚踏上编程之旅，这些发人深省的问题都将激发您的创造力，加深您的理解，并点燃新的灵感。从前端设计到后端开发，从框架到数据库，本合集涵盖了广泛的主题，助您拓展技能，在瞬息万变的 Web 开发领域保持领先地位。准备好深入探索，寻找提升编程技能所需的灵感吧！
| 将 div 元素居中 | 如何使div元素在垂直和水平方向上居中？ |
|---|---|
| 在 SVG 中创建元素 | 在 SVG 中创建感叹号 |
| 生成 SQL 查询 | 假设表名已知，并生成 SQL 代码以查找埃隆·马斯克 2019 年的推文。 |
| 解释/编写正则表达式 | 这个正则表达式到底做了什么？Rege(x(es)?\ |
| 使用 JavaScript 修改 CSS | 如何使用 JavaScript 修改 CSS？ |
| 代码审查 | 担任代码审查员。我会提供一段代码。您需要帮助我找出代码中的潜在错误，提出改进代码质量和可维护性的重要建议，并检查代码是否符合编码标准和最佳实践。 |
| 将 ChatGPT 设置为 Linux 终端 | 我希望你扮演一个 Linux 终端的角色。我会输入命令，你需要回复终端应该显示的内容。我希望你只回复终端的输出，并将其放在一个唯一的代码块中，不要添加任何其他内容。不要写任何解释。除非我指示，否则不要输入任何命令。当我需要用英语告诉你一些事情时，我会用花括号（例如这样）将文本放在其中。我的第一个命令是 pwd。 |
| 将 ChatGPT 变成一个 JavaScript 控制台 | 我希望你扮演一个 JavaScript 控制台的角色。我会输入命令，你需要回复 JavaScript 控制台应该显示的内容。我希望你只回复一个包含终端输出的完整代码块，不要添加任何其他内容。不要写任何解释。除非我指示，否则不要输入任何命令。当我需要用英语告诉你一些信息时，我会用花括号 {像这样} 来表示。我的第一个命令是 console.log(“Hello World”); |
| 制作作弊表 | 编写一份 Markdown 格式速查表。 |
| 获取快捷方式 | 请用列表形式列出在 Apple 或 Windows 设备上使用 React 的快捷键。 |
| 调试代码 | 请你调试一下这段代码。这段代码应该实现[说明用途][在此处插入代码] |
| 网页设计咨询 | 我希望您担任网站设计顾问。我会提供一家需要协助设计或重新开发网站的机构的详细信息，您的任务是提出最合适的界面和功能方案，既能提升用户体验，又能满足公司的业务目标。您需要运用您在用户体验/用户界面设计原则、编程语言、网站开发工具等方面的知识，为该项目制定一份全面的计划。我的第一个需求是“我需要帮助创建一个销售珠宝的电子商务网站”。 |
| 将 ChatGPT 变成 SQL 终端 | 我希望你扮演 SQL 终端的角色，操作一个示例数据库。该数据库包含名为“Products”、“Users”、“Orders”和“Suppliers”的表。我会输入查询语句，你需要回复终端显示的内容。我希望你用一个代码块回复查询结果表，除此之外不要添加任何其他内容。不要编写任何解释。除非我指示，否则不要输入任何命令。当我需要用英语告诉你一些信息时，我会用花括号 { 表示。}。我的第一个命令是“SELECT TOP 10 * FROM Products ORDER BY Id DESC”。 |
| 建议框架 | 您能推荐一个适合我网站的前端框架吗？我正在做一个电商网站。 |
| TypeScript 函数 | 创建一个 TypeScript 函数，使用 Black-Scholes 模型计算隐含波动率。输入参数包括标的资产价格、行权价格、无风险利率和期权价格。请逐步编写该函数，并对每一步进行解释。 |
| UI设计检查清单 | 创建一个表格，列出完美[屏幕/功能]所需的UI元素清单。 |
| 获取有关用户流程的想法 | 你能为[应用类型]创建最常见的用户流程吗？ |
| 为网站或版块生成文案 | 为[产品细分]着陆页撰写5个高转化率的标题/段落创意 |
| 优化现有文案 | 改进文案并优化以提高转化率：[此处插入副本] |
| 获取页面布局或线框图的灵感 | 请为一款旅行应用设计一个线框图布局，或者设计一个旅行主题的落地页。 |
| 竞争对手分析 | 亚马逊的五大竞争对手是谁？ |
| 获取设计研究的真实数据 | 使用 Amazon.it 分享美国人口统计数据 |
| ChatGPT 担任用户体验撰稿人 | 你是一名用户体验文案撰写员。请想出 5 个错误信息提示词的创意。 |
更多提示
• 扮演软件工程师的角色。使用 JavaScript 开发一个随机抽奖网站的架构和代码。
• 请继续编写以下 JavaScript 代码 <粘贴下方代码>。
• 提供一个 UX 设计技巧，我可以分享到 Instagram 上。
• 帮我找出以下代码中的错误 <粘贴下方代码>。
• 列举一些在软件工程中使用 AI 的方法。
• 软件架构设计的 5 个最佳实践是什么？
• 编写高效代码的技巧和窍门是什么？
• 推荐一些可以简化代码编写的工具。
• 如何创建一个易于访问的 Tailwind 页脚？
• 为以下函数编写文档字符串 <粘贴下方函数>。
• 我正在为一家销售手工制品的小企业制作网站。我需要一些关于如何使用 WordPress 构建网站结构的想法。
• 用项目符号列表列出使用 Ruby on Rails 的理由
。• 用一段话描述 Web 可访问性的最佳实践。
• 扮演软件开发人员的角色。使用 HTML 为一个秘密礼物交换网站设计架构和代码。
• 我正在为一家销售手工珠宝的小企业制作网站。提供使用 WordPress 构建网站的建议。
• 列出 CSS Grid 的浏览器兼容性列表。
恭喜🎉🎉🎉，您已经完成了我们精彩的50道ChatGPT网页开发者练习题之旅！我们希望这些练习题能够激发您的想象力，为您提供宝贵的见解，并鼓励您在编程领域探索新的方向。
记住，Web开发领域瞬息万变，保持好奇心和适应能力是成功的关键。无论你是为下一个项目寻找灵感、磨练技能，还是仅仅想拓展知识，都不要停止探索和尝试。拥抱挑战，拥抱机遇，让你的创造力自由翱翔，继续塑造数字格局。
祝您编程愉快！⚛️📎
文章来源：https://dev.to/mursalfk/50-chatgpt-prompts-for-web-developers-2oeh