首页 > 其他 > 详细

ELECTRON 学习四

时间:2019-11-07 12:47:44      阅读:87      评论:0      收藏:0      [点我收藏+]

接上篇,优化

第一步:去掉菜单栏

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,成功!

ELECTRON 学习四

原文:https://www.cnblogs.com/tylz/p/11811261.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!