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


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



目录
相关文章
|
4月前
|
人工智能
基于vite7.2+vue3.5+deepseek-v3.2高颜值流式ai会话助手
基于vue3.5+vite7.2+vant4+markdown+openai深度集成deepseek-v3.2聊天大模型。支持浅色+深色主题、stream流式输出、代码高亮、复制代码、katex公式、mermaid图表等功能。
200 4
|
3月前
|
人工智能 运维 安全
2025-2026年主流自助建站系统有哪些
本文阐释自助建站系统的定义、分类及特性,对比 SaaS 模式与独立 CMS 系统的适配场景,分析 2025-2026 年市场格局与发展趋势,给出用户选型建议,指出行业向降门槛、强适配方向发展。
275 3
|
3月前
|
机器学习/深度学习 人工智能 API
构建AI智能体:九十三、基于OpenAI Whisper-large-v3模型的本地化部署实现语音识别提取摘要
本文介绍基于OpenAI Whisper-large-v3模型与FastAPI构建高精度语音转文字服务的实践。涵盖模型加载优化、多格式音频处理、RESTful API设计及生产级部署方案,分享从零打造高性能、可扩展ASR系统的完整经验。
329 14
|
9月前
|
人工智能 JavaScript 数据可视化
重磅发布:VTJ.PRO 赋能若依(RuoYi)「AI + 低代码」能力,企业级开发效率跃升 300%
VTJ.PRO 与若依(RuoYi)深度集成,融合双向代码穿梭、AI智能引擎及多模态渲染技术,打造“设计即生产”新体验。支持可视化开发、AI生成代码、旧组件重构,提升企业开发效率,助力数字化转型。
806 29
|
3月前
|
安全 Linux Docker
QWEN3 企业级 Docker 容器化部署指南
QWEN3是通义千问系列最新大模型,支持密集与混合专家架构,覆盖0.6B至235B参数,适用于多场景部署。具备思考与非思考双推理模式,强化复杂任务处理能力,支持100+语言及工具调用。本文档提供企业级Docker部署方案,涵盖环境配置、镜像拉取、安全加固、高可用设计与生产最佳实践,经Ubuntu/CentOS实测验证,端口8080、API路径/v1/chat/completions 100%可用,助力快速落地AI应用。
1586 5
|
3月前
|
人工智能 数据可视化 物联网
《显卡 4090 就能跑!小白也能炼出私有大模型》
大模型微调是AI落地的关键技术,通过定向训练让通用模型在特定领域“从会到精”。本文详解微调原理、LoRA/QLoRA等高效方法,并提供评估与实操建议,助力新手快速上手,实现低成本、高精度的模型定制。
475 4
|
存储 人工智能 前端开发
vue3.5接入deepseek-v3网页版ai流式多轮聊天问答助手
vue3-deepseek-webai:原创新作vite6+vue3.5+deepseek-v3+arco-design实战一款高颜值网页版ai多轮输出对话小助手。
1342 14
|
3月前
|
存储 人工智能 缓存
基于Electron39与Vue3接入DeepSeek-V3.2桌面AI流式聊天Exe程序
2026最新版实战electron39+vite7.2+vue3+deepseek桌面客户端流式输出ai模板。支持暗黑+浅色主题、深度思考、katex公式、mermaid图表解析、本地存储对话等功能。
116 0
|
3月前
|
人工智能 前端开发 API
【cursor】前后端分离项目下的AI跨工程管理方案
针对前后端分离项目中AI编辑器难以跨工程协作的问题,提出通过统一文件夹管理方案,将前端与后端项目置于同一根目录下,利用AI编辑器打开根目录并结合@引用功能,实现对前后端代码的联合理解与开发,提升联调效率与代码生成准确性。
817 0