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

 

 注意：修改权限

运行依然报错

第六步：安装固定版本

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

继续打包，

 

 打开目录：

 

 运行.exe,成功！

来源：https://www.cnblogs.com/tylz/p/11811261.html