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
cross-env: 该库让开发者只需要注重环境变量的设置,而无需担心平台设置 electron-builder: electron打包库 npm install -D cross-env electron-builder 3、配置文件 1)vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://zhuanlan.zhihu.com/p/421460116 ...
1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on 说明: --dev:将包添加为开发依赖项; concu...
项目根目录下安装如下依赖包 npm install electron-g// 全局安装Electron,加g是全局安装,自动添加到环境变量中vueaddelectron-builder// 安装Electron-builder打包工具 vite中支持Electron的插件也改为vite-electron-plugin Electron-packager同样可以打包,官方更推荐使用Electron-builder ...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"...
安装electron-builder用于打包可安装exe程序和绿色版免安装exe程序 npm install -D electron-builder 安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -Dvite-plugin-electron ...
3、cd your-project,执行 yarn 安装依赖,依赖安装完毕后执行 yarn dev,浏览器打开http://localhost:5173/出现如下界面表示VITE项目搭建成功 image 第二步:添加 electron & electron-builder vscode 终端输入 yarnadd--dev electron electron-builder 此命令将添加 electron & electron-builder (electron-builder为electro...
"electron:serve": "vite build & electron . ", "electron:build": "electron-builder", "preview": "vite preview" }, 1. 2. 3. 4. 5. 6. 7. 输入命令进行打包: npm run electron:build 1. 打包成功后会出现以下的目录结构: 然后点开win-packed文件里面的exe文件: ...