4、安装vue-cli-plugin-electron-builder(electron-builder) 1 vue add electron-builder 安装过程中中会让选择版本,我选择版本12 安装成功后,package.json中会出现以下代码 5、启动项目(由于安装electron时候没有使用sudo,所以启动也不用加) 1 npm run electron:serve 6、首次启动项目,由于background.js中installExt...
打包成功后,生成dist打包后的文件。 在dist打开命令行, 安装electron-packager electron-builder 安装命令 npm install electron-packager npm install electron-builder 在dist中新增main.js文件,其中内容包括 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30...
这句话的意思就是:这些参数都是通过electron:build命令来提交给electron-builder的。 再通俗的讲:我们用electron:build来打包的参数配置格式如图所示。即: // vue.config.jsmodule.exports={pluginOptions:{electronBuilder:{builderOptions:{// options placed here will be merged with default configuration and passe...
有时候运行安装依赖包会很慢建议在(c)npm config edit之后弹出的.(c)npmrc记事本里面加入 electron_mirror=https://npm.taobao.org/mirrors/electron/ electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/ 1. 2. 运行 cnpm i electron -D & cnpm i electron-builder -...
1、项目安装开发依赖electron-builder 2、配置打包文件build.js(electron-vue的官方配置) 3、在package.json设置打包 4、在package.json设置打包命令(下为electron-Vue官方设置) 5、运行"cnpm run build",根据提示下载对应的electron-v2.0.18-win32-x64(v2.0.18为版本号,根据要求下载自己对应的版本),将下载的文件...
删除dist_electron文件夹，重新执行打包命令，npm run electron:build，会发现应用的图标变了 最终在dist_electron目录下生成build后的产品。参考： https://wangdaodao.com/20200707/vue-cli3-electron.html https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/ https:/...
添加使用 vue-cli-plugin-electron-builder 生成项目 vue add electron-builder# 自动生成带electron的项目 1. 使用electron-vue 模板创建(不推荐) electron-vue 中文文档: # 安装 vue-cli 和 脚手架样板代码 npminstall-gvue-cli vue init simulatedgreg/electron-vue my-project ...
修改vue-cli-plugin-electron-builder⼊⼝看源码 在 vue.config.js ⾥增加配置 module.exports = { pluginOptions: { electronBuilder: { mainProcessFile: 'src/mainProcess/entry.js',} } };重启应⽤。注意：1. package.json ⾥的配置 "main": "background.js", 不要动，否则打包会报错。
"electron": "^1.7.9", "electron-builder": "^19.48.2", "electron-packager": "^10.1.0", } 根目录创建main.js,这是配置文件 const electron = require('electron') // Module to control application life. const app = electron.app // Module to create native browser window. ...
electron 26.3.0electron-builder 24.6.4vite 4.4.11vue 3.3.4vue-router 4.2.5element-plus 2.3.14less 4.2.0sass 1.69.0stylus 0.60.0 ※注: 代码区域每行开头的: "+" 表示新增 "-" 表示删除 "M" 表示修改 1 Electron核心概念 学习Electron最先要掌握的就是他的主进程与渲染进程概念。网上很多相关教程...