{"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","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"},"depe...
就像 vue-cli 的项目可以用vue-cli-plugin-electron-builder来完成 Electron 的快速集成,其背后也是基于webpack. 实际上,当你打开awesome-vite时确实有几个 Vite + Electron 的项目模板,Electron 部分基本上是通过 rollup 进行转换打包,rollup 倒是也不错,整体速度也有所提升,甚至你还可以用rollup-plugin-esbuild这...
electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
要在Vite 项目中配置 Electron Builder,你需要按照以下步骤进行操作。这些步骤将涵盖安装和配置 Electron、创建 Vite 项目并集成 Electron、配置 Electron Builder、编写 Electron 主进程和渲染进程代码,以及构建和测试 Electron 应用。 1. 安装并配置 Electron 和 Vite 首先,你需要确保你的系统中已经安装了 Node.js。然...
npm add electron vite-plugin-electron electron-builder -D 2. 打包配置 1)创建electron入口,根目录新建electron/main.js,默认配置如下 import{app,BrowserWindow}from'electron';importpathfrom'path'constcreatedWindow=()=>{constwin=newBrowserWindow({width:900,height:600,webPreferences:{nodeIntegration:true,cont...
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-builder来进行打包。 安装electron-devtools-installer: npm install electron-devtools-installer -D 该包主要是为了方便我们开发和调试electron,可以去官网详细了解:electron-devtools-installer。 安装vite-plugin-electron: npm install vite-plugin-electron -D 该包集成了Vite和Electron,比如使用它之后可...
vite-plugin-electron-renderer 简而言之,vite-plugin-electron-renderer职责是填充 Electron, Node.js 内置模块。 English| 简体中文 原理 加载Electron、Node.js CJS 包/内置模块/electron (示意图) ┏———┓ ┏———┓ │import{ ipcRenderer }from'electron'│ │ Vite dev server │ ┗———┛ ┗——...
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.8万个喜欢,来抖音,记录美好生活!