ELECTRON 学习四

接上篇,优化

第一步:去掉菜单栏

mainWindow = new BrowserWindow({
        title: ‘hello Electron‘,
        width: 800,
        height: 500,
        frame: false,
    });

第二步:改为透明窗口

mainWindow = new BrowserWindow({
        title: ‘hello Electron‘,
        width: 800,
        height: 500,
        frame: false,
        transparent: true
    });

参考地址:https://electronjs.org/docs/api/frameless-window

基本达到要求

第三步:打包

cnpm install electron-packager -g

第四步:添加打包命令

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron .",
    "pack": "electron-packager . Electron_Snow --win --out ../Electron_Snow --arch=x64 --app-version=0.0.1 --electron-version=6.1.4"
  },

第五步:打包exe

ELECTRON 学习四

 注意:修改权限

运行依然报错

第六步:安装固定版本

"devDependencies": {
    "electron": "^6.1.4",
     "electron-packager": "13.0.1"
  }

继续打包,

ELECTRON 学习四

 打开目录:

ELECTRON 学习四

 运行.exe,成功!

相关推荐