Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lianginx/chatgpt-vue
使用 Vue3 + Typescript + Tailwind CSS 框架，调用 OpenAI 的 gpt-3.5-turbo 模型 API 实现的简单聊天对话，支持连续对话。
https://github.com/lianginx/chatgpt-vue
chatgpt openai vue vue-chatgpt
Last synced: about 2 months ago
JSON representation
使用 Vue3 + Typescript + Tailwind CSS 框架，调用 OpenAI 的 gpt-3.5-turbo 模型 API 实现的简单聊天对话，支持连续对话。
- Host: GitHub
- URL: https://github.com/lianginx/chatgpt-vue
- Owner: lianginx
- License: mit
- Created: 2023-03-04T01:34:18.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-06-27T02:11:02.000Z (about 1 year ago)
- Last Synced: 2024-07-11T05:33:24.778Z (2 months ago)
- Topics: chatgpt, openai, vue, vue-chatgpt
- Language: Vue
- Homepage: https://chatgpt-vue-liang-n.vercel.app
- Size: 11.3 MB
- Stars: 536
- Watchers: 6
- Forks: 115
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome - lianginx/chatgpt-vue - 使用 Vue3 + Typescript + Tailwind CSS 框架，调用 OpenAI 的 gpt-3.5-turbo 模型 API 实现的简单聊天对话，支持连续对话。 (Vue)
README
# chatgpt-vue
使用 Vue3 + Typescript + Tailwind CSS 框架，调用 OpenAI 的 `gpt-3.5-turbo` 模型 API 实现的简单聊天对话，支持连续对话。
## 快速开始
>注意：本项目没有使用任何代理，API 在前端发送请求，能否连通基于你当前浏览器的所处的网络环境。如果你需要在服务端发送 API 请求的 ChatGPT，可以查看我的另一个项目 [chatgpt-nuxt](https://github.com/lianginx/chatgpt-nuxt)，点击这里 [在线体验](http://ai.in-x.cc/)。
在开始之前，请确保您已正确安装 Node.js 运行时环境。如果您还没有安装 Node.js，请 [点击这里下载](https://nodejs.org/zh-cn/)。
使用 ChatGPT 需要先申请 API Key，已注册但还没有 API Key 的用户可以 [前往这里生成](https://platform.openai.com/account/api-keys)。
准备就绪后，进入项目根目录执行以下命令运行项目：
```bash
npm i
npm run dev
```
或者
```bash
yarn
yarn dev
```
运行成功时通常显示（请以具体为准）：
```bash
VITE v3.2.5 ready in 294 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
```
按住 `Ctrl` 或 `command` 点击 Local 链接，在浏览器中打开项目，然后在页面底部输入框中填入您的 API Key，然后点击保存，即可开始使用！
如果想要更改 API Key，点击页面右上角 `设置`，重新输入并保存即可。
如果你想要打包在本地运行，[查看这里](/docs/electron-packaging-guide.md)。
希望这能对您有所帮助。如果您还有其他问题，请随时在评论区提出，谢谢！
## 许可证
本项目使用 [MIT](LICENSE) 协议