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 1 month 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 (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-06-27T02:11:02.000Z (over 1 year ago)
• Last Synced: 2024-08-07T21:45:27.768Z (5 months ago)
• Topics: chatgpt, openai, vue, vue-chatgpt
• Language: Vue
• Homepage: https://chatgpt-vue-liang-n.vercel.app
• Size: 11.3 MB
• Stars: 542
• Watchers: 6
• Forks: 116
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# chatgpt-vue

使用 Vue3 + Typescript + Tailwind CSS 框架，调用 OpenAI 的 `gpt-3.5-turbo` 模型 API 实现的简单聊天对话，支持连续对话。

![preview](img/preview.gif)

## 快速开始

>注意：本项目没有使用任何代理，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) 协议