登录/ 注册
 找回密码
 立即注册
关闭

CSDN热搜

程序园 精品问答 技术交流 资源下载
返回列表 发新帖
首页 › 业界区 › 业界 ›tauri2.10+deepseek+vite7客户端ai系统|Tauri2+Vue3.5桌 ...

tauri2.10+deepseek+vite7客户端ai系统|Tauri2+Vue3.5桌面AI程序Exe

人弧 昨天 06:20
程序园永久vip申请，500美金$，无限下载程序园所有程序/软件/数据/等
2026最新款爆肝tauri2.10+deepseek-v3.2+vite7+arco电脑端流式打字AI问答模板。
tauri2-deepseek-ai：基于vite7.3+vue3.5+tauri2+arco+markdown-it深度接入deepseek-v3.2通用大模型。内置浅色+暗黑主题，支持深度思考链、katex数学公式、mermaid图渲染、代码高亮/复制代码等功能。
1.png

2.gif

使用技术


  • 开发工具：vscode
  • 跨端框架：tauri^2.10
  • 前端技术框架：vite^7.3.1+vue^3.5.29+vue-router^5.0.3
  • ai大模型：deepseek-v3.2 + openai
  • 组件库：arco-design^2.57.0
  • 状态管理：pinia^3.0.4
  • 本地存储：pinia-plugin-persistedstate^4.7.1
  • markdown解析：markdown-it^14.1.0
  • katex公式渲染：@mdit/plugin-katex^0.25.0
3.gif

4.gif

项目功能性


  • 跨平台Tauri2.10框架，接入DeepSeek-V3.2，流式打字更丝滑
  • 支持各种代码高亮/复制代码/下载代码、便于分享代码片段
  • 支持暗黑+浅色主题、深度思考链、上下文多轮对话、本地存储对话
  • 支持katex数学公式
  • 支持mermaid图解析(支持缩放/拖拽/下载svg/下载png)
  • 支持点击链接跳转浏览器打开
  • 使用arco-design组件库，整体风格统一
5.png

tauri2-deepseek跨端智能ai系统已经更新到我的原创作品铺，欢迎下载使用。

tauri2.10+vite7+deepseek客户端智能ai问答系统
6.gif

项目结构目录

基于 vite7.3+tauri2.10 搭建项目模板， vue3 setup 语法糖开发页面。
7.png

项目环境变量配置

修改项目根目录下.env文件里的key，替换为自己的deepseek apikey，即可丝滑体验流式对话功能。
8.png
  1. # 项目名称
  2. VITE_APPNAME = 'Tauri2-DeepSeek'
  4. # 运行端口
  5. VITE_PORT = 1420
  7. # DeepSeek API配置
  8. VITE_DEEPSEEK_API_KEY = 替换为你的 API Key
  9. VITE_DEEPSEEK_BASE_URL = https://api.deepseek.com
复制代码
入口文件main.js
  1. import { createApp } from "vue"
  2. import App from "./App.vue"
  3. import './style.scss'
  5. // 引入插件配置
  6. import Plugins from './plugins'
  8. // 引入路由/状态管理
  9. import Router from './router'
  10. import Pinia from './pinia'
  12. createApp(App)
  13. .use(Plugins)
  14. .use(Router)
  15. .use(Pinia)
  16. .mount("#app")
复制代码
9.png

10.png

11.png

通用布局模板

12.png

13.png
  1. <template>
  2.   
  3.    
  4.       
  5.         
  6.         <Titlebar />
  8.         
  9.          
  10.           <Sidebar />
  12.          
  13.          
  14.             <router-view v-slot="{ Component, route }">
  15.               <keep-alive>
  16.                 <component :is="Component" :key="route.path" />
  17.               </keep-alive>
  18.             </router-view>
  19.          
  20.         
  21.       
  22.    
  23.   
  24. </template>
复制代码
14.png

15.png

16.png

自定义latex公式+mermaid图渲染
  1. import { imgSize } from '@mdit/plugin-img-size' // 支持带尺寸图片
  2. import { katex } from "@mdit/plugin-katex"; // 支持数学公式
  3. import 'katex/dist/katex.min.css'
  4. // 渲染mermaid图表
  5. import { markdownItMermaidPlugin } from '@/components/markdown/plugins/mermaidPlugin'
复制代码
渲染markdown数据
[code][/code]封装mermaid图解析
[code]export const markdownItMermaidPlugin = (md, options) => {  const defaultFence = md.renderer.rules.fence  md.renderer.rules.fence = (...args) => {    const [tokens, idx] = args    const token = tokens[idx]    const lang = token.info.replace(/\[.*\]/, '').trim() || ''    if(lang === 'mermaid') {      const code = token.content.trim()      const hash = generateHash(code)      const uuid = `${hash}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`      // 如果有缓存，加载缓存图表      if(renderCache.has(hash)) {        // console.log('加载缓存mermaid图表')        return `          ${ defaultFence(...args) }          ${renderCache.get(hash)}        `      }      nextTickRender(uuid)      return `        ${ defaultFence(...args) }                  
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
tauri2deepseekvite7客户端ai

使用道具 举报

相关推荐
梁丘眉
昨天 08:44

举报

猛犸象科技工作室:网站开发，备案域名，渗透，服务器出租，DDOS/CC攻击，TG加粉引流
收藏一下   不知道什么时候能用到
溶绚
昨天 15:38

举报

猛犸象科技工作室:网站开发，备案域名，渗透，服务器出租，DDOS/CC攻击，TG加粉引流
热心回复！
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
发帖
人弧
昨天 15:38

0

粉丝关注

21

主题发布

板块介绍填写区域，请于后台编辑
微信扫一扫