它通过使用 OpenAI 聊天完成 API(例如 gpt-3.5-turbo、gpt-4 等)来工作。您需要拥有此 API 的(付费)访问权限。
通过 API 使用 gpt-4 比使用 ChatGPT plus 快得多,并且没有消息限制。
所有聊天都保存在本地存储中,因此您将无法从任何其他浏览器或设备访问它们,除非您使用导出/导入功能。
这是一个学习实验。
我想尝试 OpenAI API,同时我想看看使用 Tailwind CSS 在纯 Web 组件中编写界面有多么容易。
我希望开发尽可能简单,最好没有任何构建步骤,并且绝对没有 npm 包。
因此,只需将文件加载到浏览器中并开始编码即可。
目前的结构有点混乱,因为我一直在尝试不同的东西。
这就是结果!
它完全在浏览器内的 GitHub 页面上运行,除了 OpenAI API 之外没有任何外部调用。
不幸的是,TailwindCSS 需要构建步骤,除非您想将整个 CSS 库加载到浏览器中。
因此,我接受了必须运行一个小型 tailwindcss CLI,它可以监视代码并在更改时重建 CSS 文件。
要使用导入,所有内容都需要作为正确的网站提供 - 即:http://,而不是 file:/// 。
因此,在开发时,我必须在此目录中运行一个小型网络服务器(npx http-server)。
至少与使用 Webpack、Vite 等相比,这些速度更快。
并且没有构建步骤 - 它只是几个小型开发服务。
虽然可以避免框架,但仅通过使用 Web 组件,您就不需要很多外部依赖项,然后您的生活就会变得更加轻松。例如,使用 Vite 之类的东西。
Vite 将帮助您将所有外部依赖项保持在本地(由您提供)并保持最新状态,并启用热重载。
单独使用 Web 组件仅适用于现代浏览器,因此,如果您需要支持其创建者不再支持的任何浏览器(例如 Internet Explorer、旧版 Chrome、Safari 等),您不妨购买框架。