但是,我们在我们的项目中没有发现vue.config.js这个文件,这是由于vue-cli3.0是号称0配置的,所以我们自己在根目录下创建一个vue.config.js文件即可。注意!根目录!!! 第二步,写配置参数 我们本质上用的还是electron-builder来进行打包的,所以参数肯定是在electron-builder的官网上 回到electron-builder官网,并点击菜单...
- vue-cli-plugin-electron-builder打包配置地址:https://nklayman.github.io/vue-cli-plugin-electron-builder/ -
1.png 第四步:打包项目 npm run electron:build 打包成功后的文件如下: 3.png 到此一个简单的项目就搭建完成了;当然这只是理想的情况,而且是比较基础和简单的场景。当你在配置或者打包的时候会遇到安装或者打包报错的问题,这些问题需要自己手动解决。后续会逐步补充在使用中遇到的常见的一些问题。
1、这个vue-cli3.0的插件针对Electron,不用其他配置,用electron-builder进行构建就ok了 2、你的应用以后必须要用vue-cli3.0来创建了,2.0要淘汰了 PS:150分的英语只能考75分的水平,也只能翻译到这个地步了 快速开始 第一步:用vue-cli3.0创建一个项目 打开命令行工具 vue create demo 选择默认 image.png 安装完成...
在使用vue-cli-plugin-electron-builder打包后发现应用程序没有执行preload.js文件于是查找原因 根据查阅的资料打包后的源文件放在\dist_electron\win-unpacked\resources\app.asar,app.asar是一个压缩文件需要解压才能看到里面的内容 npm install -g asar/** ...
修改vue-cli-plugin-electron-builder⼊⼝看源码 在 vue.config.js ⾥增加配置 module.exports = { pluginOptions: { electronBuilder: { mainProcessFile: 'src/mainProcess/entry.js',} } };重启应⽤。注意:1. package.json ⾥的配置 "main": "background.js", 不要动,否则打包会报错。
虽然网上提供了一种解决方案,就是开启一个node子进程,然后执行自己编写的server.js,但是最终再打包为exe之后,根本不起作用。所以,之后在electron的配置文件background.js中直接通过require('../server.js')即可解决。 有用 回复 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并接收问题和回答的...
配置 # 配置开发和生产环境 .env.development .env.production # 配置electron打包 vue.config.js Customize configuration See Configuration Reference. 空文件 Starred 0 Star 0 Fork 1 捐赠 0 人次 简介 搭建electron项目 展开 收起 暂无标签 /Viven/vue-cli-plugin-electron-builder JavaScript...
打包成功如下: 根据配置在项目根目录下生成 CloudPrint 文件夹: (五)自定义 ico 图标 注意:必须使用软件处理后生成的 .ico 文件,不能直接修改后缀名得到 .ico 文件(因为通过修改其他格式图片的后缀生成的 .icon 文件在打包时会报错!!!)。 (六)打包成功运行桌面应用白屏 ...
assetsPublicPath: 配置打包后html引用静态资源路径,一般要设置成"/" productionGzip: 是否开发gzip压缩,已提升加载速度 dev对象下对于开发环境的配置 port: 设置端口号 autoOpenBrowser: 启动工程时,自动打开浏览器 proxyTable: vue设置的代理,用以解决跨域问题 ...