Electron热更新和打开调试模式

xiaohai 2021-05-12 17:17:14 共11257人围观 标签： 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()

相同类型文章

热门标签

每日一句

    夫子莞尔而笑。

    ——孔子

今日排行

  • Git保存和清除用户名、密码

    在使用Git的过程中，不想每次都输入用户名和密码去拉取代码，所以就需要保存这些信息，那么既然有保存了，就必须有清除功能。

  • 速查表

    速查表是自己整理了一份在工作中常用的一些资料，包含了自己在日常开发中需要常常用到的相关技术。可以给读者进行参考。

  • 符号表(Symbol Table)

    符号表（Symbol Table）是一个非常常见的数据结构，在现实生活中应用很多。它是一个“键”—“值”对应的结构。在符号表中，存储的是键值对。通过输入键，查询对应的值。

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • Mysql最小化配置

    Mysql的配置文件可以有很多参数，但是一般可以可以让Mysql的配置文件只配置我们需要的一部分简单的配置项就可以运行，该文章就是记录Mysql配置文件的最小化配置。

点击排行

友情链接