Electron41+Vite8.0+DeepSeek桌面端AI助手|electron+vue3本地ai系统
2026年原创electron41+vite8+deepseek-chat搭建本地客户端私人ai对话系统模板。vite8-electron-ai:基于Electron41+Vue3+Vite8+Arco+OpenAI接入DeepSeek api实战电脑端从0-1打造你的专属AI搭子。支持浅色+深色主题、深度思考、各种代码高亮/复杂/下载、katex公式、mermaid图表、多轮对话/本地存储会话等功能。
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326110042743-452217506.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326110116809-1958716695.gif
技术知识
[*]编辑器:VScode
[*]跨平台框架:Electron^41.0.3
[*]前端框架:vite^8.0.1+vue^3.5.30+vue-router^5.0.4
[*]大模型框架:deepseek-v3.2+openai
[*]组件库:arco-design^2.57.0
[*]状态管理:pinia^3.0.4
[*]markdown解析:markdown-it^14.1.1
[*]打包工具:electron-builder^26.8.1
[*]vite桥接electron插件:vite-plugin-electron^0.29.1
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326110347220-1486232802.gif
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326110436438-2020077981.gif
功能支持性
[*]内置light+dark主题
[*]支持深度思考R1模式
[*]支持Latex数学公式
[*]支持Mermaid图表渲染(拖拽、缩放、下载)
[*]支持代码块sticky浮动粘性、横向滚动、代码高亮/复制/下载代码
[*]支持上下文多轮对话、本地存储会话
[*]支持链接跳转、图片预览功能
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326110638274-1647034223.png
electron41-vue3-deepseek桌面端ai系统已经正式更新到我的原创作品小铺,感谢支持!
Electron41+Vite8+DeepSeek桌面版AI流式会话模板Exe
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326111004983-937423744.gif
项目框架结构
使用最新版 electron41+vite8 搭建项目,调用deepseek-chat大模型, vue3 setup 语法糖编码页面。
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326111259907-482194387.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326113639787-1399443304.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326113653399-166298977.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326113718452-2123347086.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326113732323-1248698881.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326113747027-1967778555.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326113757710-907505687.png
项目配置
将项目根目录下.env文件里的deepseek apikey替换为自己申请的key,即可体验丝滑流式对话功能。
[*]安装依赖 yarn install
[*]运行项目 yarn dev
[*]打包项目 yarn electron:build
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114040408-555551589.png
接入最新deepseek大模型
支持多轮对话、对话/推理模型、流式打字输出功能。
const completion = await openai.chat.completions.create({// 单一会话/* messages: [ {role: 'user', content: editorValue}], */// 多轮会话messages: props.multiConversation ? historySession.value : [{role: 'user', content: editorValue}],// deepseek-chat对话模型 deepseek-reasoner推理模型model: sessionstate.thinkingEnabled ? 'deepseek-reasoner' : 'deepseek-chat',stream: true, // 流式输出max_tokens: 8192, // 限制一次请求中模型生成 completion 的最大 token 数(默认使用 4096)temperature: 0.4, // 严谨采样})https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114253749-926759143.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114312225-674740034.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114324188-2020318503.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114338538-1760805616.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114354896-767558095.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114412415-713980061.png
项目通用模板
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260308115455749-576460461.png
入口配置
import { createApp } from 'vue'import './style.scss'import App from './App.vue'import { launchApp } from '@/windows/actions'// 引入路由/状态配置import Router from './router'import Pinia from './pinia'// 引入插件配置import Plugins from './plugins'launchApp().then(config => {if(config) { // 存储窗口配置 window.config = config}// 初始化app实例createApp(App).use(Router).use(Pinia).use(Plugins).mount('#app')})https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114429620-1706014940.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114443315-663629198.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114459413-187435619.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114514996-2033380717.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114534396-1926297829.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114549664-1449576301.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114559019-621394012.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114616957-1670588094.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326114630117-1510398137.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326115100669-1962138009.png
自定义ai编辑框
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326115156884-593900256.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326115223530-200162169.png
https://img2024.cnblogs.com/blog/1289798/202603/1289798-20260326115254193-430871913.png
深度思考 联网 技能 {{item.text}} 从网盘添加 选择网盘文件 从本地添加 上传文件 上传代码 代码文件 代码文件夹 GitHub仓库 图片 本地文件 PDF文档分析 网页总结 以上就是最新款electron41+vite8搭建本地桌面端专属ai系统的一些项目分享,希望对大家有点帮助!
附上一些最新实战项目案例
uniapp+deepseek流式ai助理|uniapp+vue3对接deepseek三端Ai问答模板
Vite8+DeepSeek网页版AI助手|vue3+arco本地web版ai流式打字问答系统
vite8.0+deepseek流式ai模板|vue3.5+vant4+markdown打字输出ai助手
tauri2.10+deepseek+vite7客户端ai系统|Tauri2+Vue3.5桌面AI程序Exe
Electron38-Vue3OS客户端OS系统|vite7+electron38+arco桌面os后台管理
electron38-admin桌面端后台|Electron38+Vue3+ElementPlus管理系统
Electron38-Wechat电脑端聊天|vite7+electron38仿微信桌面端聊天系统
最新版Flutter3.38+Dart3.10仿写抖音APP直播+短视频+聊天应用程序
flutter3-deepseek流式AI模板|Flutter3.27+Dio+DeepSeeek聊天ai助手
最新版uniapp+vue3+uv-ui跨三端短视频+直播+聊天【H5+小程序+App端】
最新版uni-app+vue3+uv-ui跨三端仿微信app聊天应用【h5+小程序+app端】
Flutter3-MacOS桌面OS系统|flutter3.32+window_manager客户端OS模板
Tauri2-Vite7Admin客户端管理后台|tauri2.9+vue3+element-plus后台系统
Tauri2.9+Vue3桌面版OS系统|vite7+tauri2+arcoDesign电脑端os后台模板
https://img2024.cnblogs.com/blog/1289798/202511/1289798-20251101003047719-603288484.gif
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! 东西不错很实用谢谢分享 分享、互助 让互联网精神温暖你我
页:
[1]