嵌套的vue项目启动页面( npm run start ) 在electron-quick-start 项目 package.json 配置文件中,scripts 下添加 packager 指令 "scripts": {"start":"electron .","packager":"electron-packager ./ 测试xxx收银系统 --platform=win32 --arch=x64 --icon=./dist/favicon.ico --out=./out --overwrite"}...
js/plugin-vue":"^1.10.2","@vue/compiler-sfc":"^3.0.4","commitizen":"^4.2.4","cz-conventional-changelog":"^3.3.0","electron":"^33.2.1","electron-builder":"^25.1.8","electron-packager":"^17.1.2","prettier":"^2.6.2","sass":"^1.43.2","typescript":"^4.4.3","unplugin-au...
在终端中运行以下命令来打包你的Electron应用程序: bash npm run electron:build 这将会触发Vue CLI中的Electron构建脚本,并使用你配置的打包工具(如electron-builder)来生成可执行文件。 5. 测试打包后的Electron应用程序 打包完成后,你可以在dist_electron(或你配置的输出目录)中找到生成的可执行文件。双击该文件以...
1、在项目目录下运行命令:vue add electron-builder 2、electron-builder添加完成后会选择electron版本,直接选择最新版: electron下载失败 vue add electron-builder下载electron会下载失败,使用淘宝镜像下载:cnpm i electron 窗体运行 1、下载完成后尝试运行electron窗体:npm run electron:serve 2、窗体运行成功: 打包exe ...
Electron:22.3.7 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version
在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。 由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。
npm install electron-g// 全局安装Electron,加g是全局安装,自动添加到环境变量中vueaddelectron-builder// 安装Electron-builder打包工具 vite中支持Electron的插件也改为vite-electron-plugin Electron-packager同样可以打包,官方更推荐使用Electron-builder 可使用输入electron命令验证 ...
package.json新增electron打包配置 位置:ruoyi-ui/package.json 找到scripts,新增以下配置: "electron:serve": "vue-cli-service electron:serve", "electron:build": "vue-cli-service electron:build", "electron:build:win32": "vue-cli-service electron:build --win --ia32" vue.config.js添加打包配置 在...
electron打包vue项⽬的⽅法步骤⽬录 创建项⽬ 添加electron-builder electron下载失败 窗体运⾏ 打包exe ⽩屏 创建项⽬ 点击 添加electron-builder 1、在项⽬⽬录下运⾏命令：vue add electron-builder 2、electron-builder添加完成后会选择electron版本，直接选择最新版：electron下载失败 vue add ...
安装完成,下方就是electron-vue的目录 .electron-vue:webpack和electron的一些配置 build:项目打包后的文件src:里面有两个文件夹 main:看过electron的都知道electron项目里有一个main.js的文件,这个文件和main.js是同样的功能 renderer:是vue的代码文件,俺vue的是实现方法写就OK了,这就不用做过多的说明 ...