Appearance
生成桌面端
electron代码在/electron/
文件夹下。
生成桌面端应用,可以省去创建域名、备案等一些列繁琐的操作和资金。
进入/electron/
目录,执行npm i
命令,安装所需依赖
本地运行
一、HBuilderX运行项目
HBuilderX运行起项目后,注意运行web的域名端口号等,确保与/electron/main.js
中配置的本地预览地址一致,不一致请自行修改。
二、执行electron本地运行命令
/electron/
目录下运行 npm run start
命令,开启本地运行exe桌面系统。
正式打包
一、HBuilderX发行web代码
HBuilderX发行web代码成功后,将/unpackage/dist/build/
下web
文件夹拷贝到/electron/
文件夹下。
二、打包electron
/electron/
目录下运行命令npm run build
,打包正式exe桌面系统代码,执行完命令后,会在当前/electron/
目录下生成一个/mosowe/
文件夹,文件夹内即桌面端应用代码文件,双击mosowe.exe
即启动应用。
默认是打包windows64位的文件,有需要32位的自行修改编译类型--arch=ia32
。
进入调试模式
第一种:ctrl+shift+i
第二种:main.js配置 win.webContents.openDevTools()
;
exe系统图标配置
文件名称及类型:icon.ico
,不可通过修改文件后缀名的方式生成,必须是png转ico文件,网上有相关图片转换工具可用。
文件尺寸:128*128
文件大小:100kb
以内
替换/electron/
文件夹下icon.ico文件。