ELECTRON 学习四

Posted tylz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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,成功!

以上是关于ELECTRON 学习四的主要内容,如果未能解决你的问题,请参考以下文章

验证码逆向专栏某验四代文字点选验证码逆向分析

实验四代码评审

TP5.1让验证码在另外的项目(Electron-vue)里面使用

如何让用户使用 Auth0 登录 Electron 应用程序?

番外篇客户端开发(Electron)无源码如何做汉化

【实战】electron 制作远程控制软件(预)