基于deepseek+vue3.5+vite7+arco从0-1搭建网页版ai问答小助手

简介: 2026最新实战研发vue3.5+vite7.2+deepseek-v3.2+arco打造网页web版流式ai会话模板。

2026最新网页版ai实战 - vite7.2+vue3+arco+pinia3+markdown-it接入deepseek-v3.2会话大模型。实现流式ai输出打字效果,支持暗黑+浅色主题、集成深度思考、katex数学公式及mermaid图表、本地存储对话等功能。

未标题-jj.png

p4.gif

p4-1.gif

项目技术知识

  • 前端框架:vite^7.2.4+vue^3.5.24+vue-router^4.6.4
  • 大模型框架:DeepSeek-R1 + OpenAI
  • 组件库:arco-design^2.57.0 (字节桌面端组件库)
  • 状态管理:pinia^3.0.4
  • 本地存储:pinia-plugin-persistedstate^4.7.1
  • 高亮插件:highlight.js^11.11.1
  • markdown插件:markdown-it
  • katex公式:@mdit/plugin-katex^0.24.1


p4-3.gif

p4-4.gif

项目结构目录

使用最新前端框架vite7.x+vue3搭建项目页面,调用deepseek-chat api大模型。

360截图20260104095028897.png

001360截图20260103080425549.png 002360截图20260103081001998.png 002360截图20260103081001999.png 002360截图20260103081002002.png 002360截图20260103084412883.png 002360截图20260103085708290.png 002360截图20260103085708292.png 003360截图20260103091233470.png 003360截图20260103091843214.png 004360截图20260103115744725.png 004360截图20260103120054549.png 005360截图20260103120220903.png 005360截图20260103120220904.png 006360截图20260103120533404.png 008360截图20260103124947743.png 008360截图20260103125126598.png 008360截图20260103125240325.png 009360截图20260103125438125.png 010360截图20260103125925726.png 012360截图20260103130203476.png


最后感谢大家的阅读与支持,后续还会分享更多原创优质项目。



目录
相关文章
|
3月前
|
人工智能
基于vite7.2+vue3.5+deepseek-v3.2高颜值流式ai会话助手
基于vue3.5+vite7.2+vant4+markdown+openai深度集成deepseek-v3.2聊天大模型。支持浅色+深色主题、stream流式输出、代码高亮、复制代码、katex公式、mermaid图表等功能。
171 3
|
6天前
|
机器学习/深度学习 人工智能 语音技术
AI服务器怎么收费?阿里云AI云服务器支持NVIDIA A10、V100、T4、P4、P100 GPU卡费用清单
阿里云AI服务器提供NVIDIA A10/V100/T4/P4/P100等GPU实例,支持CPU+GPU/FPGA/TPU等多种异构架构,适用于AI训练、推理、科学计算等场景。价格从1503.5元/月起,含按小时、包年包月多种计费模式,性能最高达5PFLOPS。
137 4
|
2月前
|
人工智能 运维 安全
2025-2026年主流自助建站系统有哪些
本文阐释自助建站系统的定义、分类及特性,对比 SaaS 模式与独立 CMS 系统的适配场景,分析 2025-2026 年市场格局与发展趋势,给出用户选型建议,指出行业向降门槛、强适配方向发展。
233 3
|
2月前
|
人工智能 测试技术 开发者
AI Coding后端开发实战:解锁AI辅助编程新范式
本文系统阐述了AI时代开发者如何高效协作AI Coding工具,强调破除认知误区、构建个人上下文管理体系,并精准判断AI输出质量。通过实战流程与案例,助力开发者实现从编码到架构思维的跃迁,成为人机协同的“超级开发者”。
2093 106
|
2月前
|
机器学习/深度学习 人工智能 API
构建AI智能体:九十三、基于OpenAI Whisper-large-v3模型的本地化部署实现语音识别提取摘要
本文介绍基于OpenAI Whisper-large-v3模型与FastAPI构建高精度语音转文字服务的实践。涵盖模型加载优化、多格式音频处理、RESTful API设计及生产级部署方案,分享从零打造高性能、可扩展ASR系统的完整经验。
261 14
|
2月前
|
存储 自然语言处理 物联网
16G显卡也能调大模型?先搞懂显存消耗的3大核心原因
本文深入解析大模型微调中显存消耗的三大主因:模型参数、中间激活值与优化器状态,结合原理与实操,教你用16G显卡高效调参。通过精度优化、批大小调整与低显存优化器等策略,精准定位OOM问题,平衡显存、速度与精度,助力中小开发者低成本入门大模型微调。
16G显卡也能调大模型?先搞懂显存消耗的3大核心原因
|
2月前
|
安全 Linux Docker
QWEN3 企业级 Docker 容器化部署指南
QWEN3是通义千问系列最新大模型,支持密集与混合专家架构,覆盖0.6B至235B参数,适用于多场景部署。具备思考与非思考双推理模式,强化复杂任务处理能力,支持100+语言及工具调用。本文档提供企业级Docker部署方案,涵盖环境配置、镜像拉取、安全加固、高可用设计与生产最佳实践,经Ubuntu/CentOS实测验证,端口8080、API路径/v1/chat/completions 100%可用,助力快速落地AI应用。
1298 5
|
2月前
|
存储 人工智能 数据库
到底什么是AI Agent?
Agent是具备感知、决策与行动能力的智能体,通过大模型(LLM)结合记忆(Memory)和工具(Tools)调用,实现自主规划与执行任务,如小爱同学自动点餐。其核心为:LLM + Memory + Tools + Planning。
1721 7
|
8月前
|
人工智能 JavaScript 数据可视化
重磅发布:VTJ.PRO 赋能若依(RuoYi)「AI + 低代码」能力,企业级开发效率跃升 300%
VTJ.PRO 与若依(RuoYi)深度集成,融合双向代码穿梭、AI智能引擎及多模态渲染技术,打造“设计即生产”新体验。支持可视化开发、AI生成代码、旧组件重构,提升企业开发效率,助力数字化转型。
762 29