在安装了electron-vite的项目中,可以直接使用npx electron-vite运行, 也可以在package.json文件中添加 npm scripts: {"scripts":{"start":"electron-vite preview",//startelectronapptopreviewproductionbuild"dev":"electron-vite dev",//startdevserverandelectronapp"prebuild":"electron-vite build"//buildforpro...
{"dev":"vite","build":"vite build","serve":"vite preview","electron":"wait-on tcp:3000 && cross-env NODE_ENV=development electron .",//此处需要设置环境变量以保证开发时加载url"electron:serve":"concurrently -k \"yarn dev\" \"yarn electron\"","electron:build":"vite build && electron...
1.创建工程直接用开源的electron构建脚手架:https://github.com/electron-vite/electron-vite-vue使用命令创建工程这是我的一个技术博客网站,主要目地是为了方便自己整理基础知识应用与收集常见技术问题,以便后面出现同样问题可以直接解决; 1.创建工程 直接用开源的electron构建脚手架:https://github.com/electron-vite/...
Electron 需要单独的main.js 和 index.html 来启动桌面程序, 其中包括构建好的Vue工程。 构建我们的Vue3 应用程序 由于我们的Vite 加 Vue3 项目,使用了一些其他技术,所以我们在部署Web 应用的时候需要先构建。 在Electron 项目中,也是同样的道理,我们需要先构建我们的Vue3 + vite 的项目。 因为我们的希望构建完...
Vite作为一个快速的前端构建工具,通过利用浏览器的原生模块系统,提供了快速的冷启动和模块热重载的能力。与此同时,Electron是一个跨平台的桌面应用程序开发框架,可让开发者使用Web技术(如HTML、CSS和JavaScript)构建强大的桌面应用。 Electron-Vite的目标是将Vite的开发环境和Electron的打包能力结合在一起,以提供高效的开...
Vite2.3:Vite是一种基于ESM的现代化前端构建工具,它使用原生ESM提供极速的更新和启动速度。我们选择Vite2.3作为项目的构建工具,因为它具有快速、灵活和可扩展的特点。 Electron13:Electron是一种使用Web技术(HTML、CSS和JavaScript)构建跨平台桌面应用的框架。我们选择Electron13作为项目的跨端框架,因为它可以让我们使用熟悉...
到这一步还需要安装一个构建electron程序的vite插件vite-plugin-electron yarn add -D vite-plugin-electron vite-plugin-electron:用于构建electron应用程序的vite插件。仅需少量配置,即可快速整合vite electron开发环境。 该插件集成了Vite和Electron,方便在渲染进程中使用Node API或者Electron API功能。
这次继续接着上次项目,主要介绍electron25结合vue3技术实现创建多开窗口及窗口间主/渲染进程通信知识。 随着electron快速更新,结合vite的高效构建运行速度,现在新开一个独立窗口,打开速度极快。 electron官网主进程模块BrowserWindow用于创建一个新窗口的方法,提供了非常丰富的API操作用法。
Electron 是一个基于 Chromium 和 Node.js 的跨平台桌面应用程序开发框架。它允许开发者使用 Web 技术如 HTML、CSS 和 JavaScript 来构建桌面应用程序。Vite 是一个基于 ES Modules 的前端构建工具,它通过利用浏览器原生的 ES Modules 特性来提供快速的冷启动和热模块替换。
源码:[https://github.com/Kuari/Blog/tree/master/Examples/vite_electron/vite_electron_3](https://github.com/Kuari/Blog/tree/master/Examples/vite_electron/vite_electron_3) @@ -46,6 +46,8 @@ ... ``` 若还是不太明白可以看看[源码](https://github.com/Kuari/Blog/tree/master/Examples/vite...