项目介绍 electron-vue3-macOS 一款整合vite2.x+electron13跨平台构建模仿mac桌面UI后台管理系统。 p3.gif 前端技术栈 编码工具:Vscode 框架技术:Vite2.3.4+Vue3.0.11+Vuex4+VueRouter@4 跨端框架:Electron13.0.1 打包工具:vue-cli-plugin-electron-builde ", "version": "0.1.0", "description": "基于Electron13+Vite2+ElementPlus仿Mac桌面UI后台框架", "author": " 项目中使用到的弹窗是基于vue3自定义组件v3layer改进而来。 ${ext}" } } ending,基于vue3+vite2+electron13开发仿macOS桌面系统就分享到这里。 11.sinaimg.gif
vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序 vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音app原创自研Flutter3.41+Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI:从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe 模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板
2025桌面端AI实战 - 基于Electron35+Vite6+DeepSeek搭建一款桌面客户端AI流式输出对话模板。支持上下文多轮会话、浅色/暗黑主题、代码块高亮效果、会话本地存储等功能。 技术知识点技术框架:vite^6.2.0+vue^3.5.13+vue-router^4.5.0大模型ai框架:DeepSeek-V3-0324 + OpenAI跨平台框架:electron^35.1.2 pinia^3.0.1会话缓存:pinia-plugin-persistedstate^4.2.0高亮插件:highlight.js^11.11.1markdown解析:markdown-it项目功能跨平台Electron35 框架,接入DeepSeek-V3,性能更丝滑支持代码高亮效果、便于展示分享代码片段支持上下文多轮对话、提示词生成图片及预览功能支持多窗口、亮色+暗黑主题支持新窗口打开会话里面的链接采用arco-design
第3讲·Electron主进程:这个进程就是harness系列:我在Deepseekharness中增加了桌面版,将逐行代码解析我是怎么增加的,希望你也能创建属于自己的桌面版Agent本讲目标:逐行吃透 展开代码语言:TypeScriptAI代码解释1/**2*Electronmain:thisprocessIStheharness(`runProfile({profile:'desktop'})`).3* 第38行:awaitapp.whenReady()——Electron生命周期:等Chromium就绪(此时才能创建窗口)。 第3讲架构图图3-1·桌面端进程模型与IPC通道⚙️机制小结主进程=harness:runProfile({profile:'desktop'})与web/headless同一条boot路径,desktop 里真正跑desktop(若已装Electron,会弹出窗口)nodeapps/cli/lib/bin.jsdesktop#3)观察IPC通道名(grep共享契约)grep-rn"dsh:boot-graph
vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音app原创自研Flutter3.41+Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI:从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+ Vite7+Pinia3+ElementPlus客户端聊天程序 基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin 客户端后台系统管理Exe模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app
→ electron@^31 新版 Electron 移除默认 remote,需在主进程启用 @electron/remote/main,渲染进程使用 @electron/remote。 gulp 3 与 Node 18 的兼容性 典型报错:primordials is not defined 处理方案:开发与构建走 build_standalone.js;发布脚本按平台拆分(可逐步迁移到 使用 rollup 打包 background.js 与 app.js 为 cjs: 目标:在现代 Node 环境下替代 gulp 3 的打包功能。 问题清单与解决策略(升级踩坑) primordials is not defined 原因:gulp 3 与 Node 18 不兼容。 Electron 下载缓慢/失败(国内网络) 方案:ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/ npm install。
Vite2ElectronAdmin 一款精美UI跨平台前端后台管理系统框架。 前一段时间有给大家分享一个Electron+Vue3.x短视频,今天再分享最新开发的Electron桌面端后台系统。 001360截图20210516222515420.png vite2,electron12、element plus跨端后台框架 vite2-admin vue3-admin electron-vadmin 038360截图20210516121336621.png 特点 支持PC及平板端响应式布局 使用最新前端技术Vite2.1.5、Vue3.x、Electron12、Element Plus、Vue-i18n :vue3 / vuex4 / vue-router@4 跨端框架:electron^12.0.4 打包工具:vue-cli-plugin-electron-builde UI组件库:element-plus 开发前端后台管理系统就先分享到这里。
前言 此前有给大家分享一个vite2+vant3开发h5手机端小视频实例。今分享一个最新开发的electron跨端聊天应用。 p4.gif 框架技术 vue3全家桶:vue3.0+vuex4+vue-router@4 electron框架:electron11.2.3 打包工具:vue-cli-plugin-electron-builde electron-builder打包配置 创建vue3项目的时候,根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 /** * @Desc vue3+electron项目|打包配置文件 * @Time andy by 2021-02 * @About Q:282310962 wx:xy190310 image.png ending,基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助! .mp.itc.gif
vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音app原创自研Flutter3.41+Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI:从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+ Vite7+Pinia3+ElementPlus客户端聊天程序 基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin 客户端后台系统管理Exe模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app
electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+Vite7+Pinia3+ElementPlus vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音app原创自研Flutter3.41+Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI:从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe 模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app商城
基于跨平台技术Electron集成Vite.js构建桌面端React18后台管理系统应用ElectronRAdmin。 electron27-vite4-react18 基于electron+react18创建多个窗口管理程序 项目结构图 electron-react-admin使用electron跨端技术整合vite.js 构建工具搭建react18电脑端后台管理。 主进程配置 /** * Electron主进程入口 * @author Hs */ const { app, BrowserWindow } = require('electron') const +react18创建桌面端后台系统EXE实例的一些知识分享。
无论是VSCode、Slack、Obsidian,还是你每天用的微信桌面版,都有它的影子。今天就带你轻松理解:Electron到底是什么?为什么这么火?适合用来做什么?又该怎么入门? 简单来说,Electron会帮你同时启动:一个浏览器渲染进程(Chromium)一个后台进程(Node.js)你只需要写前端页面,就能获得一个原生应用的能力。 下面是适合Electron的场景:✔你已经有Web版,用Electron快速“封装成桌面版”✔你的团队前端强、客户端弱✔你需要跨平台桌面软件✔UI复杂、需要Web技术的灵活性✔小工具、生产力软件、管理后台客户端例如 :Markdown编辑器(Obsidian、Typora)云盘客户端Web系统本地客户端(管理后台、私有化工具)抢票工具、脚本GUI工具代码编辑器(VSCode)不适合Electron的情况以下场景不建议用 可以使用:-Electron+Vue-Electron+React-Electron+Vite(强烈推荐)-ElectronBuilder(用来打包)##Electron打包应用常用的打包工具:electron-builder
electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+Vite7+Pinia3+ElementPlus vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11仿写抖音app原创自研Flutter3.41+Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI:从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe 模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板
之前用 electron-vue 写过一个半成品的桌面端应用,但是是基于 Vue2 的,最近又想重写点桌面端应用,想要上 Vue3+TypeScript,于是便有了这篇文章总结下具体的搭建过程。 Vue3 开发跨平台桌面应用【从项目搭建到打包完整过程】 - 掘金 (juejin.cn) 坑 error in . 这个不是作为重点,因为很多大佬都已经写了现成的模板,完全可以自行借鉴学习,就贴几个阅读过的几篇文章 Vite + Vue 3 + electron + TypeScript - DEV Community vue3 + vite + electron - 知乎 (zhihu.com) 现成的模板 均可在 github 上搜索到 vite-react-electron (推荐) electron-vue-vite 以上就是我所使用 Vue3 来开发 Electron 的环境搭建过程,总体来说从 Electron 除了应用体积过大,对于前端开发者来说是非常友好的,既然环境配置完,那么现在就可以开始好好的编写桌面端应用了
欢迎来到Electron入门教程的第三期教程,这一节非常重要!进程间通信(IPC)是在Electron中构建功能丰富的桌面应用程序的关键部分。 因为主进程和渲染进程在Electron的进程模型中有不同的职责,IPC是执行许多常见任务的唯一方式,比如从UI调用本地API或从本地菜单触发web内容的更改。下面就来详细介绍3种常见的通信方式。 ✧ 渲染进程向主进程的单向通信 在Electron中,进程通过开发人员定义的“通道”与ipcMain模块和ipcRenderer模块进行通信。 3. ipcRenderer.invoke的替代 ipcRenderer.invoke()有两种替代方式: (1)ipcRenderer.send() :我们所使用的单向通信也可以用来执行双向通信。 这是在Electron 7之前通过IPC进行异步双向通信的推荐方式。
背景 目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web issue真的是太难了,Electron官方项目在这方面就做的很好,很open、很包容) 环境 先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下 render 渲染进程源码目录 main 主进程源码目录 common 两个进程都会用到的共用源码目录 package.json 项目配置文件 index.html vue3的入口页面 /electron/dist/Electron.app/Contents/MacOS/Electron path.join(this.bundledDir, "entry.js")为Electron进程指定了入口程序文件的地址
Electron是一个跨平台的桌面客户端框架,使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序,文档:https://www.electronjs.org/zh/docs/latest 基于 Chromium 和 Node.js 让你可以使用 HTML, CSS 和 JavaScript 构建应用 开源 Electron是一个由OpenJS基金会和一个活跃的贡献者社区管理的开源项目 开发依赖 引入Electron开发依赖 对当前项目引入Electron的开发依赖 执行安装指令 npm install --save-dev electron 接着就需要在package.json添加执行 Electron的指令 添加start命令能让您在开发模式下打开您的应用 "start": "electron ." .
先搭建vue/cli脚手架应用 推荐4.x版本 vue create project-name 在cli目录下 执行下面代码 vue-cli-plugin-electron-builder文档链接 vue add electron-builder 项目运行 npm run electron:serve
前言 2021让vue3生态越来越好,让更多的开发者参与进来。继上次分享了一个vue3移动端聊天实例,这次再给大家分享一个最新开发的vue3.0+饿了么vue3组件库开发的桌面端实例项目。 ) 弹窗组件:v3layer(基于vue3自定义弹窗组件) 滚动条组件:v3scroll(基于vue3自定义滚动条组件) 字体图标:阿里iconfont图标 p3.gif p3-3.gif 支持如上两种风格界面 所有页面均是使用vue3最新语法编码。 p1.gif vue3组件系列:vue3.x自定义全局滚动条组件 p1.gif vue3组件系列:vue3.x pc端自定义弹窗组件 vue3.0验证表单+60s倒计时 /** * @Desc layer> ok,以上就是基于vue3+element-plus开发聊天实例的分享,后续还会分享一些vue3.x实战项目,谢谢支持!
第2讲·spawnElectron:当前进程如何"交棒"系列:我在Deepseekharness中增加了桌面版,将逐行代码解析我是怎么增加的,希望你也能创建属于自己的桌面版Agent本讲目标:逐行吃透apps /spawn-desktop.ts')└─►spawnDesktop(invocation)├─►resolveElectron()──定位electron二进制(3种缺失报错)├─►resolveTsx 真正的boot在Electron主进程里发生(第3讲)。 →',r('electron'))}catch(e){console.log('未安装:',e.code)}"#3)直接跑desktop(如果Electron已装好会弹出窗口;否则看到恢复提示)nodeapps /desktop/src/main.tsElectron主进程(第3讲全行)apps/desktop/src/argv.tsElectron进程内的argv解析(第3讲精讲)下一讲预告:Electron