预配置:针对Electron 预先配置,不用担心配置问题。 热替换 HMR:渲染器支持模块热替换(HMR)。 热重载:主进程和预加载脚本支持热重载。 IDE调试:非常容易在 IDE 中调试,例如 vscode 或 webstorm。 开箱即用:开箱即用支持 Typescript、Vue、React、Svelte 和 SolidJS 等。 结语 你可以通过以下链接了解更多关于 ele...
热重载是指在主进程或预加载脚本模块发生变化时快速重新构建并重启 Electron 程序。事实上,并不是真正的热重载,而是类似的。它为开发者带来了很好的开发体验。 TypeScript 装饰器 electron-vite 创建了一个可选的由swc驱动swcPlugin插件来替代 Vite 的 esbuild 插件以支持 TypeScript 装饰器。
开发者可以充分利用Vite的优势,如快速的开发重启和模块热重载,来加速Electron应用程序的开发过程。这意味着开发者可以即时预览和调试应用程序的变化,而无需手动刷新页面或重新启动整个应用程序。这种实时反馈的能力极大地提高了开发效率。 Electron-Vite还为Electron应用程序提供了特定的配置选项,以满足桌面应用开发的需求。
electron与vite同时启动时第一次会抛错找不到页面,解决方式:先运行vite之后再执行electron dev环境下electron无法监听到vite项目文件热重载,解决方式:1.热重载构建vite项目,2.使用electron-reload监听文件变化 子进程无法调用主进程api,解决方式:1.electron/remote(没研究出来),2.ipcMain和ipcRenderer electron在build时...
经过这一系列的配置,我们就拥有了一个基础的 Vue3 + Vite + typeScript 的Elctron 桌面应用开发环境。 当然,这只是一个基础的模板工程。 并不像,我们熟知的Vscode 这样知名的桌面应用。 并且还存在一些瑕疵,比如无法进行 热重载啊, 没有涉及到系统的能力的调用啊, 等等。 我们会在后续进行 实例演示。
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但...
electron-vite 是一个新型 Electron 开发构建工具,旨在为 Electron 提供更快、更精简的开发体验。 源代码保护 背景 无法保护 Electron 源代码,是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序,这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包,...
// 重载页面 if(reload) { window.location.reload() } } } /** * 自动化导入本地locale目录下语言配置 */ export function importAllLang() { const langModule = {} try { const localeCtx = require.context('@/locale', true, /([a-z]{2})-?([A-Z]{2})?\.js$/) ...
- 支持`preload` 的`热重载` - 支持`esm` 和`cjs` ,你可以在 [electron v28+](https://www.electronjs.org/zh/blog/electron-28-0) 中使用 `esm` - 支持`vue` 和`react` 等其他 `vite` 支持的[框架](https://cn.vitejs.dev/guide/#trying-vite-online) - 可选[electron-builder](https://ww...
预配置:针对 Electron 预先配置,不用担心配置问题。 热替换 HMR:渲染器支持模块热替换(HMR)。 热重载:主进程和预加载脚本支持热重载。 IDE调试:非常容易在 IDE 中调试,例如 vscode 或 webstorm。 开箱即用:开箱即用支持 Typescript、Vue、React、Svelte 和 SolidJS 等...