Electron热更新和打开调试模式

xiaohai 2021-05-12 17:17:14 共11970人围观 标签： Electron 
简介如果没有热更新，那么每次修改代码后都需要去重新运行一遍项目，这样显得非常麻烦，本文主要介绍如何使用功能electron-reloader。
一、热更新

为了开发有足够高的效率，热更新肯定是少不了的，那么下面我们将介绍下如何使用electron-reloader.

1、electron-reloader安装
npm install --save-dev electron-reloader
2、修改主进程文件(main.js)，添加如下代码
// 热加载
try {
  require('electron-reloader')(module,{});
} catch (_) {}

重新运行下项目，就可以修改页面后自动更新界面了。

二、调试模式

在主进程中ready中新增如下代码就可以打开调试模式了

mainWindow.webContents.openDevTools()

相同类型文章

热门标签

每日一句

    以为我们之间只有一步最后的距离却变成恋人之间陌路的悲剧。

    ——易信

今日排行

  • Docker镜像latest标签的误导

    在使用Docker时，经常会犯一个错，误以为latest镜像会自己更像到最小版本，其实这样理解是有问题的，latest就是一个标签，没有自动更新到最新版本的功能，本文就是对latest标签进行介绍。

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • Shell脚本打包Go、Vue和上传至Docker仓库记录

    有时候为了打包需要敲很多命令，实在比较麻烦，所以这里记录了如何通过shell脚本将这些命令全部集中起来，后面可以直接执行该脚本就把需要的所有命令跑完。

  • pip国内镜像源

    默认情况下 pip 使用的是国外的镜像，在下载的时候速度非常慢，本文我们介绍使用国内源对pip进行加速。

  • Certbot生成泛域名证书

    在公司内部多项目并行的时候，每次开启要给项目就需要申请一个域名，并且每个域名就需要支持HTTPS，所以前面我们已经用过Certbot生成证书，那么本文我们主要记录Certbot生成泛域名证书。

点击排行

友情链接