"scripts": {"start":"electron .","packager":"electron-packager ./ 测试xxx收银系统 --platform=win32 --arch=x64 --icon=./dist/favicon.ico --out=./out --overwrite"},//测试xxx收银系统 为应用名 npm run packager 执行打包命令 打包完毕, node_modules同级 会生成out文件, 点开exe包就是打包...
//运行electronnpm install electron--save-dev//打包用的npm install electron-builder--save-dev 4、package.json文件,这里要引入main.js,还得在scripts加启动和打包命令,再把build设置一下就行了 {"name":"public-health1","version":"0.0.0","scripts":{"dev":"vite","build":"vite build","prettier...
1、运行打包命令:npm run electron:build 2、打包时由于会在github下载包,国内网络一般会失败,需要手动下载nsis与winCodeSign(网络允许的话你也可以自己到github下载,这里我下载分享出来了),点击这里下载,提取码:1uq8,解压后将nsis与winCodeSign复制(替换)到以下目录: 3、复制文件后再次运行打包命令即可打包成功: 4...
import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer' const isDevelopment = process.env.NODE_ENV !== 'production' // 在应用程序准备就绪之前,必...
https://github.com/electron/electron-quick-start 新手可以直接用这个项目来进行打包,和原来的项目分享。例如我调整后的: 用electron将vue项目打包成.exe文件【保姆级教程】 https://blog.csdn.net/heavenz19/article/details/136743623 单独把vue项目放到electron新项目 里打包。
"electron": "electron .", "build": "vue-cli-service build" // 确保有这个构建命令 } 4.3 构建项目 npm run build 这将生成dist文件夹,包含生产环境的静态文件。 4.4 启动 Electron npm run electron 5、使用内置web渲染vue Electron 中启动一个内置的 Node.js Web 服务器来渲染用 Vue.js 编写的页面,...
electron由于是国外的镜像源,大概率安装时会报:connect ECONNREFUSED 127.0.0.1:443 所以最好先设置一下代理 yarn config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/ 1. 设置后,安装electron、vue-cli-plugin-electron-builder以及electron-devtools-installer,后两个插件用于打包。
在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。 由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。
1.打包准备 1.在自己需要打包的vue项目中build项目包出来,这里就不做解释了 2.新建一个 exe文件夹 (名称自己定义) 3.克隆项目 地址:git clone https://github.com/electron/electron-quick-start 2.配置环境 1.cd 进入 electron-quick-start 文件夹 npm install 添加依赖 (依赖包60M左右 ) ...