基于vite6+deepseek-v3搭建网页版个人AI流式聊天助手

xiaoyan2015 · 16天之前 · 227 次点击 · 大约8小时之前 开始浏览    置顶

vue3-webai-deepseek:基于vue3.5+deepseek-v3+arco.design+openai打造一款高颜值网页版AI多轮流式对话小助手。集成了 Vue3 接入 DeepSeek-V3 API对话大模型。支持上下文多轮对话、代码高亮、本地缓存会话等功能。

未标题-h.png

使用技术

  • 开发工具:Vscode
  • 技术框架: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

p3.gif

p1.gif

项目特性

  • Vue3+DeepSeek上下文多轮流式对话
  • 基于Vite6构建,接入DeepSeek,性能更优,聊天流畅
  • 支持各种代码高亮,利于展示和分享代码片段
  • 采用arco-design组件库,风格统一,美观大气
  • 支持暗黑+亮色主题模式

未标题-a.png

p4-1.gif

p4-2.gif

项目框架结构

360截图20250325220544741.png

001360截图20250325162241019.png

002360截图20250325163310433.png

002360截图20250325162855042.png

009360截图20250325170338101.png

006360截图20250325165800702.png

007360截图20250325165830309.png

008360截图20250325170304101.png

011360截图20250325171125895.png

016360截图20250329212110062.png

012360截图20250325171645879.png

感谢大家的阅读与支持,后续还会继续分享一些优质实战项目。


有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

227 次点击  
加入收藏 微博
1 回复  |  直到 2025-03-30 10:58:04
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传