Skip to content

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

License

Notifications You must be signed in to change notification settings

102631479/chatgpt-vue

This branch is up to date with lianginx/chatgpt-vue:master.

Folders and files

NameName
Last commit message
Last commit date
Apr 21, 2023
Mar 10, 2023
Mar 7, 2023
Apr 7, 2023
Mar 4, 2023
Apr 7, 2023
Jun 27, 2023
Mar 8, 2023
Mar 11, 2023
Apr 21, 2023
Mar 4, 2023
Mar 4, 2023
Apr 7, 2023
Mar 4, 2023
Apr 7, 2023
Mar 4, 2023
Mar 11, 2023
Mar 6, 2023

Repository files navigation

chatgpt-vue

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

preview

快速开始

注意:本项目没有使用任何代理,API 在前端发送请求,能否连通基于你当前浏览器的所处的网络环境。如果你需要在服务端发送 API 请求的 ChatGPT,可以查看我的另一个项目 chatgpt-nuxt,点击这里 在线体验

在开始之前,请确保您已正确安装 Node.js 运行时环境。如果您还没有安装 Node.js,请 点击这里下载

使用 ChatGPT 需要先申请 API Key,已注册但还没有 API Key 的用户可以 前往这里生成

准备就绪后,进入项目根目录执行以下命令运行项目:

npm i
npm run dev

或者

yarn
yarn dev

运行成功时通常显示(请以具体为准):

VITE v3.2.5  ready in 294 ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose

按住 Ctrlcommand 点击 Local 链接,在浏览器中打开项目,然后在页面底部输入框中填入您的 API Key,然后点击保存,即可开始使用!

如果想要更改 API Key,点击页面右上角 设置,重新输入并保存即可。

如果你想要打包在本地运行,查看这里

希望这能对您有所帮助。如果您还有其他问题,请随时在评论区提出,谢谢!

许可证

本项目使用 MIT 协议

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 66.9%
  • JavaScript 14.0%
  • TypeScript 13.7%
  • CSS 3.3%
  • HTML 2.1%