chatgpt-vue3-light-mvp

用 Vue3 快速搭一个带流式输出的 Chat Bot 原型

开源 🏷️定价信息待确认 ✅ 目前可打开 对话助手 🍴 复刻 88 👀 关注 3
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 586
维护状态 低维护
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

chatgpt-vue3-light-mvp 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类对话助手
开发团队pdsuwwz
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议MIT
主要语言Vue
技术栈/模型ai,chat,chatbot,deepseek,event,glm,gpt,kimi,llm,moonshot,ollama,openai,qwen,reasoner,siliconcloud,siliconflow,source,spark,stream,ts
GitHub 星标★ 586
上线时间2024-07-25 00:00:00
代码更新2026-07-31
仓库体积15.3 MB
本站数据更新2026-11-08
维护状态低维护
收录时间2026-08-09
浏览次数4

项目介绍

这是一个基于 Vue 3、Vite 8、TypeScript、Naive UI、Pinia 和 UnoCSS 等主流技术构建的 Chat Bot 单轮对话 Web 端 MVP 原型模板。它解决了快速搭建大语言模型对话界面的需求,无需从零开发前端。核心能力包括:集成多种大模型 API(如星火、智谱、硅基流动、DeepSeek 等),支持 SSE 流式输出实现打字机效果,内置 markdown-it 并支持 Mermaid、KaTeX/LaTeX 公式高亮预览,兼容 DeepSeek 的 标签以展示推理过程,还包含蒸馏 skill 便于定制。项目采用单轮问答模式,每次提问独立响应,无需上下文,适合快速验证产品概念或作为二次开发的基础。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 586

技术标签

使用教程

难度:入门 约 30 分钟 部署方式:本地构建 5 步

环境要求

  • Node 环境
  • 模型服务凭据

安装与启动步骤

  1. 1装包管理器

    Vue 生态项目,用它的包管理器。

    pnpm i
  2. 2起开发服务

    本地起页面,改代码热更新。

    pnpm dev
  3. 3填服务地址

    把接口地址与密钥写进环境变量文件。

  4. 4跑通单轮问答

    它只做单轮,验证流式返回是否正常。

  5. 5改造成自己的

    换主题、加历史记录都要自己补。

如何确认成功

输入问题后能看到逐字流式输出,刷新页面后配置仍在而会话按预期清空

注意事项

  • 它是极简模板,只做到单轮问答。
  • 技术栈较新,Node 版本过低会装不上。
  • 没有多会话与持久化,别当成品用。
  • 适合当二次开发的起点,不适合直接上线。

核心亮点

  • 开箱即用,集成多家大模型 API,切换模型方便
  • SSE 流式输出打字机效果,交互体验接近生产级
  • 内置 Mermaid 和数学公式渲染,适合技术问答场景

不足之处

  • 单轮对话模式,不支持多轮上下文,复杂场景受限
  • 文档/社区待观察

适用场景

  • 快速搭建大模型对话演示 Demo
  • 作为 Chat Bot 产品的前端原型验证
  • 学习 Vue3 集成 LLM API 和流式输出的参考项目

替代项目

chatbot-ui、lobe-chat、open-webui

同类项目推荐

chat-bubble 开源

用 JSON 脚本快速搭建网页聊天机器人界面

Simple chatbot UI for the Web with JSON scripting

★ 598 2026-08-09
Firebot 开源

Twitch 主播的一站式聊天机器人,自动互动涨人气

A powerful all-in-one bot for Twitch streamers

★ 484 2026-08-09
whiz 开源

在终端里直接对话 AI,让命令行操作更智能高效。

A copilot for your terminal

★ 276 2026-08-09
Tera 开源

本地运行,隐私无忧,打造专属 AI 助手

Tera is wrapper around OpenAI's Codex to be always on whatsapp agent

★ 97 2026-08-09
gpt2bot 开源

给你的 Telegram 加上 GPT-2 大脑,秒变聊天达人

Your new Telegram buddy powered by transformers

★ 443 2026-08-09
WardenApp 开源

在 Mac 上原生畅聊 AI,数据本地更安心

️ Warden - A Fully Native AI Chat App For macOS

★ 346 2026-08-09
fantasy_football_chat_bot 开源

在聊天软件里直接管好你的梦幻橄榄球队,实时查数据、收提醒。

GroupMe Discord and Slack Chatbot for ESPN Fantasy Football

★ 307 2026-08-09
casbin-Talent2026 开源

加入Casbin开源计划,参与GSoC拿实战经验

Casbin明日之星预选生计划-Talents for Casbin 2026 【学生报名请加QQ群:540163681】

★ 53 2026-08-09