使用 ChatGPT 生成完整的 Node.js API

借助由 OpenAI 训练的大型语言模型 ChatGPT，我们可以创建一个根据我们的特定需求量身定制的 Chrome 扩展程序，并且可以帮助简化我们的日常任务，而无需我们自己编写一行代码。让我们看看这是如何工作的……

在此分步指南中，我们将向您展示如何使用 ChatGPT 开发可用于创建通知的 Chrome 扩展程序。该扩展程序将有一个文本输入字段，用于输入通知文本，用户可以选择 30 秒、5 分钟、30 分钟和 1 小时。单击“通知我！”按钮后，程序将在选定的时间后显示吐司通知。如何在 Word 或 Excel 中键入 2 平方符号 [²]（使用键盘快捷键）该扩展程序还将提供一个“重置”按钮，可用于清除文本输入字段。通知时间段的默认选择为 30 秒。

本指南将引导您完成从头开始创建 Chrome 扩展程序的过程，包括设置项目、在 ChatGPT 的帮助下生成代码，以及在 Chrome 网上应用店发布扩展程序。无论您是初学者还是经验丰富的开发人员，本指南都将为您提供在 ChatGPT 的帮助下创建您自己的自定义 Chrome 扩展程序所需的知识。那么，让我们开始吧！

向 ChatGPT 提供我们的要求

为了让 ChatGPT 为我们的自定义 Chrome 扩展生成代码，我们需要提供我们想要实现的内容的书面描述。让我们从 ChatGPT 中的以下输入开始：

“实施可用于创建通知的 Chrome 扩展程序。Chrome 扩展程序应具有用于输入通知文本的文本输入字段。用户必须可以在 30 秒、5 分钟、30 分钟、1 小时之间进行选择。之后单击按钮“通知我！”程序应在选择的时间后显示吐司通知。应用程序还必须提供按钮“重置”。此按钮用于清除文本输入字段。默认选择通知时间为 30 秒。”

这是对我们想要的东西的清晰描述。ChatGPT 立即开始提供答案：

ChatGPT 提供了我们要做的事情的详细描述以及需要使用的完整源代码。

第一步是为扩展创建一个新目录并添加一个 manifest.json 文件并插入以下生成的代码：

{
    "manifest_version": 2,
    "name": "Notification Extension",
    "description": "An extension for creating notifications",
    "version": "1.0",
    "browser_action": {
        "default_popup": "popup.html"
    },
    "permissions": [
        "notifications"
    ]
}

manifest.json 文件是 Chrome 扩展程序中的必需文件，它向浏览器提供有关扩展程序的重要信息。它是一个 JSON 格式的文件，定义了扩展的名称、版本、权限和其他设置。

添加一个包含以下内容的 popup.html 文件：