1. 安装包 除项目本身的包(npm install),还需加如下3个包 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({...
vite项目配置electron 打包,基于打包完成的dist文件 1、安装electron插件 1 yarn add --dev electronyarn add -D electron-builder 2、修改vite.config.js/vite.config.ts base 指向dist 1 base:'./' 3、增加electron的配置文件 electron\electron.js
electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
electron-builder: electron打包库 yarn add -D cross-env electron-builder 更新后的scripts如下: { "dev": "vite", "build": "vite build", "serve": "vite preview", "electron": "wait-on tcp:3000 && cross-env NODE_ENV=development electron .", // 此处需要设置环境变量以保证开发时加载url "...
2. 执行命令npm run start,如果项目运行起来了说明electron安装成功 3.如果你运行成功了那么现在已经成功一半了 然后再依次安装 npm install electron-builder npm install electron-package 最后 在 终端 运行这一串代码 进行打包压缩 electron-packager . app --win --out demoapp --arch=x64 --electron-version...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
第二步:添加 electron & electron-builder vscode 终端输入 yarnadd--dev electron electron-builder 此命令将添加 electron & electron-builder (electron-builder为electron打包工具) 第三步:添加生产依赖,链接尽可能是中文版文档 vscode 终端输入 yarnaddaxios cheerio fs-extra less tdesign-vue-next ...
yarn electron:启动 Electron 应用程序; "app:build": "yarn build:for:electron && yarn electron:builder":首先运行"yarn build:for:electron"命令构建适用于 Electron 的应用程序。然后使用"yarn electron:builder"命令来打包 Electron 应用程序。 4.2、添加main节点: ...
Postman:由Postman Inc.开发的API测试和开发工具,允许用户轻松地测试和调试REST API。使用Electron和React构建。 创建项目 dev # 创建Vue项目 npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm install electron electron-builder -D # 安装超时 请使用某宝镜像 或者XX上网 ...
执行npm dist 为打包项目并且生成 安装包 踩坑过程 由于vite打包默认生成 dist目录 而electron-builder打包也是生成 dist目录 所以 配置了 vite的build.outDir为 ‘build’ 同样vite的配置 base: ‘./’, 这里处理了读取不到 资源文件 为了方便使用 main.js 这里使用了webpack打包 ...