x***@126.com
x***@126.com
  • 发布:2025-03-31 09:34
  • 更新:2025-03-31 09:36
  • 阅读:53

vue3.5+deepseek-v3多轮流式AI对话助手

分类:HTML5+

2025实战ai开发vue3.5整合deepseek-v3搭建一款仿DeepSeek/ChatGPT网页版流式聊天AI对话模板。
集成 Vite6 对接 DeepSeek-V3 API 流式打字输出对话大模型。支持上下文多轮对话、代码高亮、本地缓存,亮色+暗黑主题。

img

img

使用技术

  • 技术框架:vite^6.2.0+vue^3.5.13+vue-router^4.5.0
  • AI框架:DeepSeek-R1 + OpenAI
  • 组件库:arco-design^2.57.0 (字节桌面端组件库)
  • 状态管理:pinia^3.0.1
  • 本地存储:pinia-plugin-persistedstate^4.2.0
  • 高亮插件:highlight.js^11.11.1
  • markdown解析:markdown-it

img

img

项目特色

  1. 流式响应:Vue3+DeepSeek实现逐行打字输出效果
  2. 丝滑极速:基于Vite6构建,接入DeepSeek,性能更优,聊天丝滑流畅
  3. 特色功能:支持各种代码高亮,利于展示和分享代码片段、支持暗黑+亮色主题模式
  4. 风格:采用arco-design组件库,风格统一,美观大气

img

项目框架结构

img

img

img

img

img

img

img

img

想要了解更多的技术实现细节可以去参考下面这篇分享文章。
vue3-webseek网页版AI问答|Vite6+DeepSeek+Arco流式ai聊天打字效果

0 关注 分享

要回复文章请先登录注册

x***@126.com

x***@126.com (作者)

![img](https://image-static.segmentfault.com/484/630/484630495-67d7833c73af6_fix732)
[Vue3-DeepSeek-Chat流式AI对话|vite6+vant4+deepseek智能ai聊天助手](https://www.cnblogs.com/xiaoyan2017/p/18773480)
2025-03-31 09:36