之前使用的Inno Setup
打包的安装文件,根据前面的教程,你可以直接选择生成的图标即可。
1.前言直到今天Electron-vue项目终于到打包联调的的最后阶段了,在本地调试没有问题的情况下,需要进行最后一步的模拟真实环境下的调试了。默认打包将会使用默认的图标,所以打包之后的项目需要做以下几点修改静态资源路径的修改打包后窗体图标的修改安装之后的图标修改将会在下面的配置修改中统一处理2.配置修改2.1 静态资源路径的修改由于我需要去调度/执行另外一个exe文件,所以我需要将开发环境和生产环境作区分,所以需要配置不同环境下的exe文件(暂时称为服务端exe)的路径。服务端
electron-vue 图标
提示:图标包括:启动项目时桌面主题图标,窗口左上角图标,菜单栏图标,系统托盘图标,打包安装图标、开始菜单图标、快捷方式图标等。
文章目录electron-vue 图标1. 启动项目默认图标与窗口左上角图标2. 菜单栏图标3. 系统托盘图标4. 打包安装包图标5. 开始菜单图标和快捷方式图标总结
1. 启动项目默认图标与窗口左上角图标
这两个图标均由 mainWindow 的 icon 属性决定:
代码如下(示例):
mainWindow = new BrowserWi
Building app with electron-builder:
• electron-builder version=22.14.5 os=10.0.19042
• description is missed in the package.json appPackageFile=E:\h-world\hscmweb-diagrams\dist_electron\bundled\package.json
• author is missed in the package.
最近公司研发了一套内部使用的办公系统包括移动端+PC端,系统是基于javaWeb开发的,PC端要求制作一个可安装文件以方便员工使用(url路径记着有些麻烦),
于是想到了electron。由于之前用过所以window的exe包很容易就生成了,到了mac时候出现了一些问题........所以记录下过程.
简单介绍下:
Electron + vue3 + vite2 + ant-design-vue2 整合
:bug: 已知问题
项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题
How and Why
写这个 Demo 项目主要有两个目的
vue@3.x 发布了,想试试新功能
工作中用的 umi+electron 项目大了,启动速度并不理想;
用 vite 试试,算一个储备方案 ^_^
Command
npm run dev
npm run build
如果只需要最基础的集成 Demo 请使用 或 分支
Note 踩坑记
import { write } from 'fs' 的这种形式会被 vite 编译成 /@modules/fs?import
const { write } = require('fs') 这种形式就能用了 :winking_face:
const {