项目简介
chatgpt-vue
是一个基于 Vue3、Typescript 和 Tailwind CSS 框架的简单聊天对话项目。该项目利用 OpenAI 的 gpt-3.5-turbo
模型 API,实现了支持连续对话的聊天功能。项目的设计旨在为用户提供一个直观、便捷的聊天体验。
快速开始
在使用这个项目之前,请确保设备上已经安装了 Node.js 运行时环境。在安装 Node.js 后,用户需要申请一个 OpenAI 的 API Key,该步骤对于使用 ChatGPT 是必不可少的。
环境准备
- Node.js 安装: 如果尚未安装 Node.js,可以通过访问 Node.js 官方网站来下载安装包。
- API Key 申请: 访问 OpenAI 平台申请并生成一个 API Key。
本地运行
确保上述准备工作已经完成后,用户可以通过以下步骤启动项目:
- 克隆项目到本地,并进入项目根目录。
- 使用 npm 或 yarn 工具安装依赖并启动开发服务器,具体命令如下:
npm i
npm run dev
或者:
yarn
yarn dev
- 项目成功运行后,通常会在命令行提示一条 Local 链接,比如
http://localhost:5173/
。用户可以按住Ctrl
或command
并点击该链接,即可在浏览器中打开项目页面。
使用说明
在项目页面底部的输入框中,输入您的 API Key 并保存。这样,您就可以开始使用聊天功能了。如果需要更改 API Key,可以点击页面右上角的 设置
,输入新的 API Key 并保存。
如果需要在本地环境打包运行项目,用户可以参考项目中的相关文档(如 /docs/electron-packaging-guide.md
)进行操作。
注意事项
项目不使用任何代理,所有的 API 请求均在前端发送,这意味着是否能够正常工作取决于您的网络环境。如果您需要在服务端发送 API 请求,可以参考作者的另一个项目 chatgpt-nuxt
。
开源许可
chatgpt-vue
项目采用 MIT 许可协议,欢迎大家自由使用和贡献。用户若有任何疑问,也可以在项目评论区提出交流。希望这个项目能为您带来帮助和乐趣!