vue3.5+deepseek实战大模型AI聊天对话小助手

xiaoyan2015 · · 379 次点击 · 开始浏览    置顶

[vue3-deepseek-chat](https://mall.bilibili.com/neul-next/detailuniversal/detail.html?isMerchant=1&page=detailuniversal_detail&saleType=10&itemsId=11721604&loadingShow=1&noTitleBar=1&msource=merchant_share):基于`vite6+vue3+deepseek+vant4+openai`打造一款高颜值流动对话效果AI聊天小助手。集成了Vue3 对接 DeepSeek 的完整 API对话大模型。支持代码高亮、本地缓存,支持移动端+PC端完美显示。 ![未标题-k.png](https://static.golangjob.cn/250319/a6098d444216b73eb65e08f52d98bf57.png) # 技术栈 - 编辑器:VScode - 技术框架:vite^6.2.0+vue^3.5.13+vue-router^4.5.0 - 大模型框架:DeepSeek-R1 / OpenAI - 组件库:vant^4.9.17 (有赞vue3移动端组件库) - 状态管理:pinia^3.0.1 - 高亮插件:highlight.js^11.11.1 - markdown解析:markdown-it - 本地缓存:pinia-plugin-persistedstate^4.2.0 ![p-2-5.gif](https://static.golangjob.cn/250319/fea670adfbf65e39d2c8cf3e60091161.gif) ![p-1.gif](https://static.golangjob.cn/250319/299fdb85e3040b7bc61c0fab4073a158.gif) # 项目特点 - 支持各种代码高亮,方便展示和分享代码片段 - 采用vant4组件库,风格统一,时尚大气 - 支持移动端+PC端750px像素适配,大屏也有良好体验 - 流式响应:逐字显示 AI 回复,提供更好的用户体验 优雅的 UI 设计: 气泡式对话界面 打字机效果 平滑的动画过渡 响应式布局 ![未标题-h.png](https://static.golangjob.cn/250319/4dacc216e1c1b0ec42186c8bc8cc17fc.png) ![p-2-3.gif](https://static.golangjob.cn/250319/426d4f59330124fe02c98fa4f359d8b5.gif) ![p-2-4.gif](https://static.golangjob.cn/250319/b0e70c8db7c8c1ab87d6954cd32468f1.gif) # 项目框架目录 ![360截图20250315092255602.png](https://static.golangjob.cn/250319/6e8cdb1157fff0928a7e57287071b4f4.png) ![未标题-b.png](https://static.golangjob.cn/250319/b93da08266e513249e9401c36bd11a30.png) ![未标题-c.png](https://static.golangjob.cn/250319/a5302ae53ab1e77bd81eac9e0aa423df.png) ![未标题-d.png](https://static.golangjob.cn/250319/0ae10360c35114e34940d35a477f8735.png) ![未标题-e.png](https://static.golangjob.cn/250319/4e0208f99cc1e886f0b6fabedb20a80f.png) 实现起来不是很复杂。以上就是vue3对接deepseek开发AI对话项目的介绍。后续还会分享一些vue3项目。

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

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

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