- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
electron-vue仿微信桌面端|electron聊天实例
electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 034360截图20200108115113391.png 技术框架 框架技术：electron + electron-vue + vue 状态管理：Vuex 地址路由：Vue-router 字体图标： https://electronjs.org/ https://electron.org.cn/vue/index.html https://github.com/SimulatedGREG/electron-vue electron主进程创建窗口 通过electron提供的BrowserWindow对象创建窗体，electron-vue构建项目后，主进程入口页面是src/main/index.js import electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后，就能去除原窗体顶部，原先的顶部操作栏就没有了，需要自定义配置。
6.3K41发布于 2020-01-10 - 来自专栏h5
Electron跨平台仿QQ|vue3+electron+antdv聊天应用
今分享一个最新开发的electron跨端聊天应用。 pp3.gif 基本实现了发送图文消息、图片/视频/链接预览、拖拽发送图片、截图及朋友圈等功能。 p4.gif 框架技术 vue3全家桶：vue3.0+vuex4+vue-router@4 electron框架：electron11.2.3 打包工具：vue-cli-plugin-electron-builde n.sohucs.gif electron自定义无边框导航菜单 为了让项目UI更加美观，大家可以选择在创建窗口的时候去掉系统边框，自定义拖拽区域。 electron-builder打包配置 创建vue3项目的时候，根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 image.png ending，基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助！ .mp.itc.gif
3K00发布于 2021-02-27 - 来自专栏h5
electron27+react18仿制桌面MacOS系统
react-electron-macos 一款基于Electron27+react18开发构建的桌面版os管理系统。 ElectronReactOS首创自研的桌面os多层级路由菜单、支持electron多开窗口+弹窗路由窗口。 使用技术框架技术：vite4+react18+zustand+react-router跨端技术：electron^27.0.1打包工具：electron-builder^24.6.4UI组件库：arco-design (字节react轻量级UI组件库)图表组件：bizcharts^4.1.23拖拽组件：sortablejs模拟请求：axios项目结构使用vite4构建react18项目，结合electron跨端技术 Electron+react公共桌面布局如上图：项目桌面分为顶部导航条+桌面菜单+底部dock栏三大模块。
61600编辑于 2023-11-25 - 来自专栏前端魔法指南
Electron开发： 踩坑windows与macOS平台开发差异
经过不断踩坑，发现在Windows和macOS平台上使用electron开发存在一些实在难崩的坑，故有了此文，希望这篇文章能帮助大家顺利完成electron开发。 在本文中，我们介绍了在Windows与macOS平台下使用electron开发中存在的一些差异点，希望能帮助各位读者避免大坑。 2 开发背景 我使用electron-vite作为脚手架。 3 差异 在本章节中，我们将会讨论在Windows与macOS平台上使用electron开发时所遇到的实在难崩的坑，并提供相应的解决方案。 在Windows下，可以使用electron-updater等工具来实现自动更新，而在macOS下，如果没有证书——没有交钱，无法自动更新。 在macOS使用Template时： 而之所以需要是静态资源： 4 总结 在本文中，我们介绍了Windows与macOS平台下使用electron开发时存在的差异，并提供了相应的解决方案。
4.3K10编辑于 2023-03-09 - </template>热文推荐DeepSeek-Vue3基于vite6+vant4仿deepseek +vue3 setup桌面端Exe聊天系统flutter3_window_chat仿微信桌面端聊天实战来自专栏h5
deepseek-electron基于Electron35+Vue3.5仿deepseek豆包ai客户端助手
2025跨平台ai实战-Electron35+Vite6对接DeepSeek-V3聊天模型搭建客户端AI聊天助手。 Electron-DeepChat支持流式stream输出、暗黑+亮色主题、代码高亮等功能。 使用技术技术框架：vite^6.2.0+vue^3.5.13+vue-router^4.5.0大模型ai框架：DeepSeek-V3-0324 + OpenAI跨平台框架：electron^35.1.2 size="18" /> </a-button>
electron38-vite7-vue3os电脑端os管理系统
-os桌面布局结构提供了macos和windows两种风格桌面布局。 /template/macos.vue' import WindowsLayout from '. /template/windows.vue' const appstate = appState() const DeskLayout = { macos: MacosLayout, windows +vue3仿微信app聊天模板最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app+vue3实战短视频 +getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件
基于flutter3.32+window_manager仿macOS桌面os系统
flutter3-macos支持macOS和windows两种桌面布局风格。 MacDesktop() : WindowDesktop(), // 底部导航 footer: layout == 'macos' ? 激活圆点 * [onClick] 点击图标回调函数 * children 二级菜单 */最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信 app聊天|朋友圈模板基于uni-app+vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5 +deepseek网页版ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+
vite7-vue3os网页版webos管理系统
2025最新版研发vite7.1+vue3.5+pinia3+arco.design仿mac/wins网页版os后台系统。 App).use(ArcoDesign).use(ArcoIcon).use(VEPlus).use(Router).use(Pinia).mount('#app')vite7-webos桌面布局内置了macos /template/macos.vue' import WindowsLayout from '. vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32桌面端 os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件
Electron13+Vue3+ElementPlus模仿macOS桌面版后台系统框架
项目介绍 electron-vue3-macOS 一款整合vite2.x+electron13跨平台构建模仿mac桌面UI后台管理系统。 截图20210623155317427.png 007360截图20210623160713961.png 功能特性 ✅经典的图标+dock菜单模式 ✅流畅的操作体验 ✅可拖拽桌面+dock菜单 ✅符合macOS ", "version": "0.1.0", "description": "基于Electron13+Vite2+ElementPlus仿Mac桌面UI后台框架", "author": " :serve": "vue-cli-service electron:serve", "electron:build": "vue-cli-service electron:build" } ${ext}" } } ending，基于vue3+vite2+electron13开发仿macOS桌面系统就分享到这里。 11.sinaimg.gif
基于tauri2.9+vite7+vue3+arco-design仿macOSwins桌面版os系统管理模板
/pinia'createApp(App).use(Router).use(Pinia).use(Plugins).mount("#app")tauri2-vue3os桌面模板如下图：提供了macOS和 /template/macos.vue' import WindowsLayout from '. -vite7-admin电脑端中后台管理系统electron38-vite7-vue3os电脑端os管理系统基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用tauri2.9 uniapp+vue3仿微信app聊天模板最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app+vue3 +getx仿抖音app短视频商城
macOS下由yarn与npm差异引发的Electron镜像地址读取问题
记录macOS下由yarn与npm差异引发的Electron镜像地址读取问题 写在前面：该问题仅仅出现在Linux和macOS上，Windows上不存在该问题！ 初始背景 最近笔者重新拾起了Electron，把最新版Electron的官方文档阅读了一遍。 众所周知，Electron作为依赖在安装的时候，其二进制文件下载在国内一直以来都是问题（因为默认会从github上下载），好在现在Electron的官方文档已经写的非常详细了：安装指导 | Electron 怀疑镜像地址没有生效导致下载超时，所以我们重点关注一下这里通过getArtifactRemoteURL方法得到的url值， 由于每一次这个包都会重新安装，我们不太好调试这个值，所以，我们做一个简单的trick： 找到这个包的缓存（macOS macOS解决方式 终于，我们能解释为什么当我们在.npmrc配置大写的ELECTRON_MIRROR的时候，使用yarn add -D electron安装electron的时候，二进制镜像地址没有生效了
原创electron32+vue3+arco-design桌面端winOS系统Vue3ElectronOS
经过半个月高效输出，原创新作electron32.x+vite5仿ipad/wins桌面os管理系统项目完结了。 electron32-vue3os内置macos和windows两种桌面风格、自研可拖拽栅格模板引擎、支持JSON配置桌面菜单/Dock菜单。 ^24.13.3electron+vite插件：vite-plugin-electron^0.28.7项目特性基于electron32封装高效多窗口管理支持macos/windows两种桌面模板风格支持动态 /template/macos.vue' import WindowsLayout from '. /template/windows.vue' const appstate = appState() const DeskLayout = { macos: MacosLayout, windows
最新研发uniapp+vue3仿微信app聊天模板
2025最新原创uni-app+vue3+pinia2+uvui跨三端【H5+小程序+App端】仿微信app聊天系统。uni-vue3-wechat支持运行编译到h5+小程序+app端。 view><view class="label">{{item.label}}</view></view></view></view></view>基于flutter3.32+window_manager仿macOS /2514843vue3.5+deepseek网页版ai流式对话：https://cloud.tencent.com/developer/article/2508594flutter3.27+getx仿抖音 app短视频商城：https://cloud.tencent.com/developer/article/2493971 Electron32桌面端os系统：https://cloud.tencent.com /developer/article/2449406 electron31+vue3客户端聊天Exe实例：https://cloud.tencent.com/developer/article/2435159
electron 安装_electron修改文件描述
，命令如下： cnpm install -g electron 5、输入命令： electron -v 查看electron版本，若出现版本号，表示安装成功； 6、输入命令： cnpm install -g electron-packager 打包输出工具； 7、下载并安装electron客户端； 8、新建一个项目文件夹，自命名，例如：test1； 9、在 test1 中创建：pakage.json 、index.html、main.js 三个文件； 10、通过拖拽 test1 文件夹到 electron客户端，或者在cmd控制台中使用命令打开文件， F:\electron1\electron.exe </body> </html> main.js： const electron = require('electron'); // Module to control application life. const { app} = electron; // Module to create native browser window. const { BrowserWindow} = electron
Electron处理electron:build打包问题
执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包，如果没有的话会从github上拉去， 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题
Electron
Electron .npmrc 安装electron依赖经常会不成功 在项目目录下创建.npmrc文件，设置镜像地址 npm config set strict-ssl false registry =https://registry.npmmirror.com electron-mirror=https://registry.npmmirror.com/mirrors/electron/ 热更新/ 热加载 方案一 安装：npm install electron-reloader --save-dev 在主进程 js 文件 try { require("electron-reloader")(module 再次运行npm run start，仅当index.js内容变化时，就会自动重新执行electron .来重启应用 菜单栏与边框 app.on("ready", () => { mainWindow 在 Electron 中，借助 Tray 模块实现。 //app 模块，控制整个应用程序的事件生命周期。 //BrowserWindow 模块，它创建和管理程序的窗口。
Electron——electron-vue使用webworker
前言 electron-vue框架中,我们如何使用webworker,请看下文; worker-loader: https://v4.webpack.js.org/loaders/worker-loader
使用 electron-builder 打包 Electron 程序
今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 环境 * 操作系统： macOS Catalina 10.15.7 * Electron Version: 16.0.6 * electron-builder: 22.14.5 * 程序代码：《使用 VSCode 调试 Electron 主进程代码》中用到的 electron-quick-start 目录 打包步骤 1.安装 electron-builder mkdir electron-builde cd electron-builde skipped macOS application code signing reason=cannot find valid "Developer ID Application" identity Valid identities only 0 valid identities found • building target=macOS
electron preload 提前_electron vue3
背景 最近手头的 electron 项目需要做一个报告导出的功能，导出时要弹出个页面，可让用户自行补全相应的字段。 webview 简介 electron 的 webview 标签时基于 Chromium webview ，由于 Chromium 的架构变化巨大，会影响 electron webview 的稳定性，包括呈现 所以 electron 团队不建议使用 webview 标签。 注意：默认情况下，electron >= 5禁用 webview标签。 本篇属于 electron 初识，如有表述不当，望指出改正。 参考 1. electron文档 webview篇 2. electron webview加载远程preload方法 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。
浅谈electron
一个 Electron 应用有且只有一个主进程。并且创建窗口等所有系统事件都要在主进程中进行。 使用Electron的API Electron 在主进程和渲染进程中提供了大量 API 去帮助开发桌面应用程序， 在主进程和渲染进程中，可以通过require() 方法将其包含在模块中，以此获取 Electron 引入 electron： const electron = require('electron'); 所有 Electron 的 API 都被指派给一种进程类型。 Electron 中的窗口是使用 BrowserWindow 类型创建的一个实例， 它只能在主进程中使用，如下所示： const { BrowserWindow } = require('electron 这个帮助函数可以使你获得指向系统目录的文件路径，如用户的桌面、系统临时文件 等等 electron - vue https://simulatedgreg.gitbooks.io/electron-vue
