vite-plugin-electron 一个使用electron-builder构建electron应用程序的vite插件 仅需少量配置,即可快速整合vite electron开发环境。 特性 默认支持模块热替换(方便开发) 默认支持打包静态资源(图片,视频等) 支持.node模块打包 渲染进程支持node模块 安装 npm i --save-dev @xyh19/vite-plugin-electron# oryarn add -...
"type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:dev":"chcp 65001&&vite --config vite.config.electron.ts"},"dependencies": {"vue":"^3.3.4"},"devDependencies": {"@vitejs/plugin-vue":"^4.2.3...
要在Vite 项目中配置 Electron Builder,你需要按照以下步骤进行操作。这些步骤将涵盖安装和配置 Electron、创建 Vite 项目并集成 Electron、配置 Electron Builder、编写 Electron 主进程和渲染进程代码,以及构建和测试 Electron 应用。 1. 安装并配置 Electron 和 Vite 首先,你需要确保你的系统中已经安装了 Node.js。然...
就像 vue-cli 的项目可以用vue-cli-plugin-electron-builder来完成 Electron 的快速集成,其背后也是基于 webpack. 实际上,当你打开awesome-vite时确实有几个 Vite + Electron 的项目模板,Electron 部分基本上是通过 rollup 进行转换打包,rollup 倒是也不错,整体速度也有所提升,甚至你还可以用rollup-plugin-esbuild...
npm install -D electron-builder 安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来...
引入electron 到项目中 npm install -D electron electron-builder electron-devtools-installer vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.js文件 用来写主进程代码 ...
目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 ...
一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过vue-cli-plugin-electron-builder脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24,显然不能再用之前的方...
Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载 Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.7万个喜欢,来抖音,记录美好生活!