面向 Web 开发人员的 50 个 ChatGPT 提示

待我称王封你为后i 2024-05-02 20:09 10阅读 0赞

使用 ChatGPT 释放您的 [Web][] 开发潜力！在本文中，我们提出了 50 个引人入胜的提示，它们将激励和挑战各个级别的 Web 开发人员。无论您是经验丰富的编码员还是刚刚开始编码之旅，这些发人深省的问题都会激发您的创造力，加深您的理解并激发新的想法。从前端设计到后端开发，从框架到数据库，这个集合涵盖了广泛的主题，使您能够扩展您的技能并在不断发展的 Web 开发世界中保持领先地位。准备好潜入并发现将您的编码能力提升到新高度所需的灵感！

<table> 
 <thead> 
 <tr> 
 <th style="text-align:left;">居中一个div</th> 
 <th style="text-align:left;">你如何垂直和水平居中一个div？</th> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>在 SVG 中创建元素</td> 
 <td>在 SVG 中创建感叹号</td> 
 </tr> 
 <tr> 
 <td>生成 SQL 查询</td> 
 <td>假设表名并生成 SQL 代码以找出 Elon Musk 从 2019 年开始的推文</td> 
 </tr> 
 <tr> 
 <td>解释/编写正则表达式</td> 
 <td>这个正则表达式到底是做什么的？Rege(x(es)?\</td> 
 </tr> 
 <tr> 
 <td>用 JavaScript 改变 CSS</td> 
 <td>如何使用JavaScript改变CSS？</td> 
 </tr> 
 <tr> 
 <td>代码审查</td> 
 <td>担任开发人员代码审查员。我将为您提供一段代码。您将帮助我识别此代码中的潜在错误，就提高代码质量和可维护性提出重要建议，并检查它是否符合编码标准和最佳实践。</td> 
 </tr> 
 <tr> 
 <td>让 ChatGPT 成为 Li nux 终端</td> 
 <td>我想让你充当 Linux 终端。我将输入命令，您将回复终端应显示的内容。我希望您只在一个唯一的代码块内回复终端输出，而不是其他任何内容。不要写解释。除非我指示您这样做，否则不要键入命令。当我需要用英语告诉你一些事情时，我会把文字放在大括号内{like this}。我的第一个命令是 pwd</td> 
 </tr> 
 <tr> 
 <td>使 ChatGPT 成为 JavaScript 控制台</td> 
 <td>我希望你充当 JavaScript 控制台。我将键入命令，您将回复 javascri pt 控制台应显示的内容。我希望您只在一个唯一的代码块内回复终端输出，而不是其他任何内容。不要写解释。除非我指示您这样做，否则不要键入命令。当我需要用英语告诉你一些事情时，我会把文字放在大括号内{like this}。我的第一个命令是 console.log(“Hello World”);</td> 
 </tr> 
 <tr> 
 <td>制作备忘单</td> 
 <td>为 markdown 格式编写备忘单。</td> 
 </tr> 
 <tr> 
 <td>获取快捷方式</td> 
 <td>在项目符号列表中，使用 Apple 或 Windows 设备提供 React 的快捷方式。</td> 
 </tr> 
 <tr> 
 <td>调试代码</td> 
 <td>我想让你调试这段代码。该代码应该做 [provide purpose] [Insert code here]</td> 
 </tr> 
 <tr> 
 <td>网页设计咨询</td> 
 <td>我想让你担任网页设计顾问。我将为您提供有关需要帮助设计或重新开发其网站的组织的详细信息，您的职责是建议最合适的界面和功能，以增强用户体验，同时满足公司的业务目标。你应该利用你在 UX/UI 设计原则、编码语言、网站开发工具等方面的知识，为项目制定一个全面的计划。我的第一个请求是“我需要帮助创建一个销售珠宝的电子商务网站。”</td> 
 </tr> 
 <tr> 
 <td>让 ChatGPT 成为 SQL 终端</td> 
 <td>我希望您在示例数据库前充当 SQL 终端。该数据库包含名为“Products”、“Users”、“Orders”和“Suppliers”的表。我将输入查询，您将回复终端显示的内容。我希望您在单个代码块中使用查询结果表进行回复，仅此而已。不要写解释。除非我指示您这样做，否则不要键入命令。当我需要用英语告诉你一些事情时，我会用大括号{like this)。我的第一个命令是“SELECT TOP 10 * FROM Products ORDER BY Id DESC”</td> 
 </tr> 
 <tr> 
 <td>建议框架</td> 
 <td>你能为我的网站推荐一个合适的前端框架吗？我正在制作一个电子商务网站。</td> 
 </tr> 
 <tr> 
 <td>打字稿功能</td> 
 <td>创建一个 TypeScript 函数，使用 Black-Scholes 模型计算隐含波动率。其中输入为基础价格、执行价格、自由风险率和期权价格。一步一步写，每一步都有解释。</td> 
 </tr> 
 <tr> 
 <td>UI设计清单</td> 
 <td>为表格中的完美 [屏幕/功能] 创建 UI 元素清单</td> 
 </tr> 
 <tr> 
 <td>获取有关用户流的想法</td> 
 <td>你能为[应用类型]创建最常见的用户流吗？</td> 
 </tr> 
 <tr> 
 <td>为网站或部分生成副本</td> 
 <td>为 [产品细分] 着陆页编写 5 个高转化率标题/段落的想法</td> 
 </tr> 
 <tr> 
 <td>优化现有副本</td> 
 <td>改进写作并优化以获得更高的转化率：[在此处包含一份副本]</td> 
 </tr> 
 <tr> 
 <td>获取有关页面布局或线框的想法</td> 
 <td>建议旅游应用程序的线框布局或旅游着陆页的外观。</td> 
 </tr> 
 <tr> 
 <td>竞争对手分析</td> 
 <td>谁是 amazon.it 的 5 个最大竞争对手？</td> 
 </tr> 
 <tr> 
 <td>获取用于设计研究的真实数据</td> 
 <td>使用 Amazon.it 分享美国人口统计数据</td> 
 </tr> 
 <tr> 
 <td>作为用户体验作家的 ChatGPT</td> 
 <td>你是一名用户体验作家。为错误消息生成 5 个想法。</td> 
 </tr> 
 </tbody> 
</table>

动图

![462cb7715a7519aaa5197a4a283e2026.gif][]

### 更多提示 ###

• 担任软件工程师。开发用于使用 JavaScript 开发随机获胜者选择网站的体系结构和代码。 
• 请继续为[JavaScript][]编写此代码< 下面的代码> 
• 提供我可以在Instagram 上分享的UX 设计技巧。 
• 帮助我找出以下代码中的错误<粘贴下面的代码>。 
• 列出我可以在软件工程中使用人工智能的方法。 
• 软件架构设计的5 个最佳实践是什么？ 
• 编写高效代码的提示和技巧是什么？ 
• 建议我可以使用的工具来简化代码编写。 
• 如何制作可访问的 Tailwind 页脚？ 
• 为以下函数编写文档字符串<粘贴下面的函数>。 
• 我正在为一家销售手工艺品的小型企业制作网站。我需要关于如何使用 WordPress 构建网站的想法。 
• 在项目符号列表中，提供使用 Ruby on Rails 的原因 
• 在段落中，描述 Web 可访问性的最佳实践。 
• 像软件开发人员一样行事。提出使用 HTML 开发秘密礼物交换网站的体系结构和代码。 
• 我正在为一家销售手工珠宝的小企业制作网站。提供有关如何使用 WordPress 构建网站的想法。 
• 列出[Web][] 浏览器对CSS Grid 的兼容性。

**恭喜**🎉🎉🎉，通过这 50 个面向 Web 开发人员的 ChatGPT 提示，您已经完成了我们令人振奋的旅程！我们希望这些提示激发了您的想象力，提供了宝贵的见解，并鼓励您在编码工作中探索新的途径。

**请记住**，Web 开发的世界在不断发展，保持好奇心和适应能力是您成功的关键。无论您是在为您的下一个项目寻找灵感、磨练您的技能，还是只是扩展您的知识，都不要停止探索和试验。迎接挑战，拥抱可能性，让您的创造力在您继续塑造数字景观的过程中腾飞。

编码愉快！⚛️📎

[Web]: https://zhifj.com
[462cb7715a7519aaa5197a4a283e2026.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/02/125261c452ca46e4b3fb09370f55fe5f.gif
[JavaScript]: http://telegeram1.com