Electron热更新和打开调试模式

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

相同类型文章

热门标签

每日一句

    万种思量，多方开解，只恁寂寞厌厌地，系我一生心，负你千行泪。

    ——柳永

今日排行

  • 数轴上两点间的距离公式及中点公式

    数轴上两点间的距离公式及中点公式

  • 嗨！Tauri

    Tauri 是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建他们的用户界面。应用程序的后端是一个基于 Rust 的二进制文件，带有一个前端可以与之交互的 API。 Tauri 应用程序的用户界面目前在 macOS 和 Windows 上利用 tao 作为窗口处理库，在 Linux 上通过 Tauri 团队孵化和维护的 WRY 利用 WebKit、Windows 上的 WebView2 和 Linux 上的 WebKitGTK 创建一个统一的系统 webview（和其他好东西，如菜单和任务栏）接口。

  • Flutter开发windows桌面应用处理WebView相关问题

    Flutter开发windows桌面应用处理WebView相关问题

  • 圆锥最短路径问题

    解决圆锥侧面最短路径问题，主要就是将侧面进行展开，转化为展开面两点连线的最短长度来进行解决。

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

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

点击排行

友情链接