Electron知识点汇总

duansamve

已于 2022-09-04 22:20:22 修改

阅读量534

点赞数

分类专栏： electron 文章标签： electron

于 2022-08-15 17:35:09 首次发布

本文链接：https://blog.csdn.net/duansamve/article/details/126340870

版权

electron 专栏收录该内容

11 篇文章 3 订阅

订阅专栏

一、Electron安装相关包时速度慢的解决方式：

npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron

二、开发调试技巧

1、渲染进程 debugger

2、主进程debugger :方法一

step1:


// 命令行开关：
--inspect = [port]

// 例如：electron --inspect=5858 your/app

step2：

重启项目，出现问题

step3:

打开浏览器输入：chrome://inspect

step4:

再次重启项目,在浏览器中点击下图中的 inspect

然后就可以找到main.js打的断点了。

三、实时监控main.js文件：

  "scripts": {
    "start": "nodemon --watch main.js --exec npm run build",
    "build": "electron ."
  },

四、避免加载时出现白屏的方法：

const { app, BrowserWindow} = require('electron')

function createWindow() {
    const win = new BrowserWindow({
        width: 800,
        height: 600,
        show: false
    })

    win.loadFile('index.html')

    win.on("ready-to-show", function(){
        win.show();
    })
}

app.on("ready", function(){
    createWindow();
})

这里，show属性和show()方法是重点。