基于vite7.2+vue3.5+deepseek-v3.2高颜值流式ai会话助手

简介: 基于vue3.5+vite7.2+vant4+markdown+openai深度集成deepseek-v3.2聊天大模型。支持浅色+深色主题、stream流式输出、代码高亮、复制代码、katex公式、mermaid图表等功能。

迎接2026最新研发vite7+vue3+vant4+openai集成deepseek-chat聊天大模型,搭建一款mobile版流式输出ai对话助手。

未标题-3.png

支持浅色+深色主题、代码高亮/复制代码、katex公式和mermaid图表功能。

p3.gif   p4.gif

技术栈

  • 技术框架:vite^7.2.4+vue^3.5.24+vue-router^4.6.4
  • 大模型框架:deepseek-v3.2 + openai
  • UI组件库:vant^4.9.21 (有赞vue3移动端组件库)
  • 状态管理:pinia^3.0.4
  • 高亮插件:highlight.js^11.11.1
  • markdown解析:markdown-it
  • katex公式:@mdit/plugin-katex^0.24.1

p5.gif

项目特色

  1. 基于Vite7.2构建,集成DeepSeek-Chat模型,性能更优,对话丝滑流畅
  2. 支持各种代码高亮(复制代码/收缩功能),方便展示和分享代码片段
  3. 支持输出Katex数学公式、Mermaid图表
  4. 使用vant4组件库,风格统一,时尚大气
  5. 支持移动端+PC端750px像素适配


未标题-2.png 未标题-p1.png 未标题-p3.png

项目框架目录

360截图20251222233502584.png

001360截图20251222193621367.png   002360截图20251222193857046.png 004360截图20251222194654876.png   004360截图20251222194816308.png 005360截图20251222194921868.png   006360截图20251222195224210.png 007360截图20251222201436729.png   008360截图20251222201558873.png 009360截图20251222202431855.png   014360截图20251222204432469.png

如下图:项目还支持运行到PC网页版,750px宽度展示页面布局。

015360截图20251222205124068.png 015360截图20251222205647755.png 015360截图20251222210111883.png 015360截图20251222210330994.png 015360截图20251222210419690.png


原创编码不易,最后感谢大家的阅读与支持!



目录
相关文章
|
2月前
|
存储 人工智能 前端开发
基于deepseek+vue3.5+vite7+arco从0-1搭建网页版ai问答小助手
2026最新实战研发vue3.5+vite7.2+deepseek-v3.2+arco打造网页web版流式ai会话模板。
195 9
使用markdown-it对markdown进行一个实时解析
# 引言 大家应该都接触过markdown笔记吧,我们常常见到很多能写文章的网页提供了一个实时的markdown解析的功能----即我们在一侧写下markdown语法,右边能够实时解析,并将解析后的markdown语法渲染到右侧页面上。非常炫酷实用,那么这是如何实现的呢?今天我们来一起探究一下。 # 开始 首先,我们这个演示学习在Vue3+TypeScript下使用的,所以我们预先建议准备一个Vue3+Typescript工程。 对于markdown的解析,我们可以使用`markdown-it`来进行解析。 比如,我们在左侧设置一个输入框,接收用户markdown输入,我们通过`ma
|
12月前
|
存储 人工智能 前端开发
vue3.5接入deepseek-v3网页版ai流式多轮聊天问答助手
vue3-deepseek-webai:原创新作vite6+vue3.5+deepseek-v3+arco-design实战一款高颜值网页版ai多轮输出对话小助手。
1318 14
|
3月前
|
人工智能 持续交付 开发工具
🚀基于 Qoder 平台的 Vibe Coding 范式:以圣诞消消乐网页游戏开发与云端部署为例🧣🚀基于 Qode
🚀基于 Qoder 平台的 Vibe Coding 范式:以圣诞消消乐网页游戏开发与云端部署为例🧣 摘要: 本研究探讨了在 Vibe Coding 模式下,利用 AI 原生开发工具 Qoder 高效构
341 2
|
分布式计算 运维 监控
Dataphin离线数仓搭建深度测评:数据工程师的实战视角
作为一名金融行业数据工程师,我参与了阿里云Dataphin智能研发版的评测。通过《离线数仓搭建》实践,体验了其在数据治理中的核心能力。Dataphin在环境搭建、管道开发和任务管理上显著提效,如测试环境搭建从3天缩短至2小时,复杂表映射效率提升50%。产品支持全链路治理、智能提效和架构兼容,帮助企业降低40%建设成本,缩短60%需求响应周期。建议加强行业模板库和移动适配功能,进一步提升使用体验。
|
3月前
|
人工智能 运维 机器人
3000万人问AI什么?千问这份榜单让老金看懂了2025年真相
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
|
6月前
|
存储
最新款electron38+vite7+vue3.5+pinia3桌面客户端聊天程序
最新原创electron38+vite7+vue3 setup+pinia3+element-plus电脑端仿微信聊天EXE应用。
218 1
|
12月前
|
人工智能 缓存 UED
deepseek-vue3ai流式输出AI对话助手
原创新作vue3.5+deepseek+vite6+vant4仿DeepSeek-R1流式输出ai聊天对话。支持AI流式打字输出效果、浅色/暗黑主题模式、代码高亮、针对移动端+PC端适配处理。
1405 65
|
10月前
|
机器学习/深度学习 开发框架 数据可视化
B站开源SOTA动画视频生成模型 Index-AniSora!
B站升级动画视频生成模型Index-AniSora技术并开源,支持番剧、国创、漫改动画、VTuber、动画PV、鬼畜动画等多种二次元风格视频镜头一键生成!
1052 32