分享
  1. 首页
  2. 主题
  3. Go Web开发

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

xiaoyan2015 · · 1108 次点击 · 开始浏览 置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

[vue3-webai-deepseek](https://mall.bilibili.com/neul-next/detailuniversal/detail.html?isMerchant=1&page=detailuniversal_detail&saleType=10&itemsId=11922437&loadingShow=1&noTitleBar=1&msource=merchant_share):基于vue3.5+deepseek-v3+arco.design+openai打造一款高颜值网页版AI多轮流式对话小助手。集成了 Vue3 接入 DeepSeek-V3 API对话大模型。支持上下文多轮对话、代码高亮、本地缓存会话等功能。 ![未标题-h.png](https://static.golangjob.cn/250330/d00c42e06b2b9b4c66ea4b7cc50d83b9.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](https://static.golangjob.cn/250330/e22e3100c5a5708b3a2845c1581cedc2.gif) ![p1.gif](https://static.golangjob.cn/250330/92269edbf63a57de1550aa7b5a4984cb.gif) ## 项目特性 - Vue3+DeepSeek上下文多轮流式对话 - 基于Vite6构建,接入DeepSeek,性能更优,聊天流畅 - 支持各种代码高亮,利于展示和分享代码片段 - 采用arco-design组件库,风格统一,美观大气 - 支持暗黑+亮色主题模式 ![未标题-a.png](https://static.golangjob.cn/250330/e8c0a6b396588ed91727006e5c739439.png) ![p4-1.gif](https://static.golangjob.cn/250330/4c126a0dcabfec1c146c5c570dd9bbad.gif) ![p4-2.gif](https://static.golangjob.cn/250330/459ebf69efd3771575412313abf62703.gif) ## 项目框架结构 ![360截图20250325220544741.png](https://static.golangjob.cn/250330/a1230ecd476a99bc1d6c8247fe72bc4b.png) ![001360截图20250325162241019.png](https://static.golangjob.cn/250330/60a0c6799979367129e7d6aa69dccfe6.png) ![002360截图20250325163310433.png](https://static.golangjob.cn/250330/1837606f454996d48b512159a25488ec.png) ![002360截图20250325162855042.png](https://static.golangjob.cn/250330/01ed60071046834cd9bfdeaf49c642f4.png) ![009360截图20250325170338101.png](https://static.golangjob.cn/250330/64abb9c0fa045a6e8ef677db5cdef2f5.png) ![006360截图20250325165800702.png](https://static.golangjob.cn/250330/aece4f311ce6722ec4429175e14a27a1.png) ![007360截图20250325165830309.png](https://static.golangjob.cn/250330/97ae04664a969810a8a1ceaaf69a0624.png) ![008360截图20250325170304101.png](https://static.golangjob.cn/250330/045ae0c02d11ad7a847d15594f06f9b9.png) ![011360截图20250325171125895.png](https://static.golangjob.cn/250330/4f1a7d4b87296b55aca1c1c5f2215e79.png) ![016360截图20250329212110062.png](https://static.golangjob.cn/250330/eea1d2aef08638bcbbfa6808c87250f7.png) ![012360截图20250325171645879.png](https://static.golangjob.cn/250330/ce65559d646b168602ea8bd975de2c0e.png) 感谢大家的阅读与支持,后续还会继续分享一些优质实战项目。

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

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

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

用户登录

没有账号?注册
(追記) (追記ここまで)

今日阅读排行

    加载中
(追記) (追記ここまで)

一周阅读排行

    加载中

关注我

  • 扫码关注领全套学习资料 关注微信公众号
  • 加入 QQ 群:
    • 192706294(已满)
    • 731990104(已满)
    • 798786647(已满)
    • 729884609(已满)
    • 977810755(已满)
    • 815126783(已满)
    • 812540095(已满)
    • 1006366459(已满)
    • 692541889

  • 关注微信公众号
  • 加入微信群:liuxiaoyan-s,备注入群
  • 也欢迎加入知识星球 Go粉丝们(免费)