// 导入需要使用的类型和库 import type { Plugin } from 'vite' import type { AddressInfo } from 'net' import { spawn } from 'child_process' import fs from 'fs' // 导出Vite插件函数 export const viteElectronDev = (): Plugin => { return { name: 'vite-electron-dev', // 在configure...
npm install -D vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } =...
Vue 3 + Vite 使用 Electron 搭建桌面应用是一个常见的组合。 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架,它结合了 Chromium 和 Node.js,允许开发者使用前端技术创建跨平台的桌面应用。Vue 3 是一个流行的前端框架,而 Vite 是一个现代的前端构建工具,它们与 Electron 的结合可以极大地...
cnpm create electron-vite cnpm i 或 cnpm create @quick-start/electron@latest 打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示链接先下载对应的包,再手动放到对应的目录即可,以下是各平台对应的目录: Linux: $XDG_CACHE_HOM...
目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 ...
开发环境启动electron 我们希望npm run dev的时候直接把electron也启动起来而不是开两个启动一次vite再启动一次electron 第一步我们需要先建立一个文件夹 在根目录创建一个plugins编写vite插件帮我们启动electron plugins vite.electron.dev.ts//编写electron开发模式 ...
在Vite + Vue 3 + Electron 中使用 Express 在现代前端开发中,Vite 和 Vue 3 提供了快速的开发体验,而 Electron 则使得我们能够构建跨平台的桌面应用程序。有时,我们需要在 Electron 应用中集成一个后端服务器来处理复杂的逻辑或与数据库交互。Express 是一个轻量级且灵活的 Node.js 框架,非常适合这种需求。在这...
Electron+Vite+Vue3的组合为开发者提供了一个高效、灵活的跨平台桌面应用开发框架。结合Go语言开发的后台API框架,能够构建出功能丰富、性能卓越的完整应用生态。无论是独立开发桌面应用,还是与后端服务紧密集成,都能获得良好的开发体验和用户体验。 未来,随着前端技术和Node.js生态的不断发展,Electron框架将继续发挥其优...
简介:使用vue3+vite+electron构建小项目介绍Electron进程间通信 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责,因此 IPC 是执行许多常见任务的唯一方法,例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...