dist:由vite打包后的产物。 dist-electron:由vite-plugin-electron插件编译打包后生成的产物(为了将ts文件编译为js文件)。 release:由electron-builder将dist跟dist-electron合并打包后生成的产物,其中的文件无需关注,目前我们仅关注.exe文件即可 这样就成功了 7、调试 我们一般调试出现白屏,大部分是路径加载的问题 如果...
使用electron-builder.yml 配置 如果打包命令带上 —config,就是使用 electron-builder.yml 的方式,例如 electron-builder --win --config 以下介绍都基于 electron-builder.yml 的方式,如需使用 package.json,请自行翻阅文档转换 详见:CLI NSIS安装引导 electron-builder 生成的安装包默认是一键安装,也就是无法选择安...
"scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "start": "electron-forge start", "package": "electron-forge package", "make": "electron-forge make" } 直接运行npm run start,报错如下 ...
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 ...
先用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":"...
项目根目录下安装如下依赖包 npm install electron-g// 全局安装Electron,加g是全局安装,自动添加到环境变量中vueaddelectron-builder// 安装Electron-builder打包工具 vite中支持Electron的插件也改为vite-electron-plugin Electron-packager同样可以打包,官方更推荐使用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...