码迷,mamicode.com
首页 > 其他好文 > 详细

ELECTRON 学习四

时间:2019-11-07 13:41:32      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:start   com   -o   out   tle   exe   spec   install   height   

接上篇,优化

第一步:去掉菜单栏

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 学习四

标签:start   com   -o   out   tle   exe   spec   install   height   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!