基于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


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



目录
相关文章
|
6天前
|
数据采集 人工智能 安全
|
16天前
|
云安全 监控 安全
|
2天前
|
机器学习/深度学习 人工智能 前端开发
构建AI智能体:七十、小树成林,聚沙成塔:随机森林与大模型的协同进化
随机森林是一种基于决策树的集成学习算法,通过构建多棵决策树并结合它们的预测结果来提高准确性和稳定性。其核心思想包括两个随机性:Bootstrap采样(每棵树使用不同的训练子集)和特征随机选择(每棵树分裂时只考虑部分特征)。这种方法能有效处理大规模高维数据,避免过拟合,并评估特征重要性。随机森林的超参数如树的数量、最大深度等可通过网格搜索优化。该算法兼具强大预测能力和工程化优势,是机器学习中的常用基础模型。
265 155
|
3天前
|
机器学习/深度学习 人工智能 前端开发
构建AI智能体:六十九、Bootstrap采样在大模型评估中的应用:从置信区间到模型稳定性
Bootstrap采样是一种通过有放回重抽样来评估模型性能的统计方法。它通过从原始数据集中随机抽取样本形成多个Bootstrap数据集,计算统计量(如均值、标准差)的分布,适用于小样本和非参数场景。该方法能估计标准误、构建置信区间,并量化模型不确定性,但对计算资源要求较高。Bootstrap特别适合评估大模型的泛化能力和稳定性,在集成学习、假设检验等领域也有广泛应用。与传统方法相比,Bootstrap不依赖分布假设,在非正态数据中表现更稳健。
205 105
|
9天前
|
SQL 自然语言处理 调度
Agent Skills 的一次工程实践
**本文采用 Agent Skills 实现整体智能体**,开发框架采用 AgentScope,模型使用 **qwen3-max**。Agent Skills 是 Anthropic 新推出的一种有别于mcp server的一种开发方式,用于为 AI **引入可共享的专业技能**。经验封装到**可发现、可复用的能力单元**中,每个技能以文件夹形式存在,包含特定任务的指导性说明(SKILL.md 文件)、脚本代码和资源等 。大模型可以根据需要动态加载这些技能,从而扩展自身的功能。目前不少国内外的一些框架也开始支持此种的开发方式,详细介绍如下。
715 5
|
13天前
|
人工智能 自然语言处理 API
一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸
一句话生成拓扑图!next-ai-draw-io 结合 AI 与 Draw.io,通过自然语言秒出架构图,支持私有部署、免费大模型接口,彻底解放生产力,绘图效率直接爆炸。
810 153