electron实时调试和快捷键注册

electron实时调试和快捷键注册

如何调试electron开发

在开发electron我们需要像正常开发网页那样进行实时调试我们按下面的方式进行操作。
首先在创建窗口的主进程中加载本地开发服务，且这个服务是热更新的，这样的话本地网页代码更新之后，我们使用命令行参数启动Electron，启动Electron时，可以通过命令行添加–inspect或–inspect-brk参数来启动Node.js的调试器。其中5858是默认的调试端口，可以指定其他端口。–inspect-brk会在第一行代码处暂停，方便你设置断点。
命令行

electron --inspect=5858 .

创建窗口的主进程中加载本地开发服务

// 创建浏览器窗口
const win = new BrowserWindow({ ... })

// win.loadFile("./dist/index.html" )     //打包使用
win.loadURL('http://localhost:3000') // 本地调试服务

但是网页更新之后会调整，但如果Electron相关内容更新的话，我们就得用nodemon来配合去进行实时调试
安装

npm install --save-dev nodemon

命令行调整

nodemon --exec electron --inspect=5858 . --watch ./ --ext .js,.html

使用electron开发应用程序快捷键

在electron我们可以用globalShortcut方法来关联快捷键是使用和开发
调试快捷键

globalShortcut.register("CommandOrControl+Shift+i", function () {
    // 触发
});

注销快捷键

globalShortcut.unregister("CommandOrControl+X");

注销所有快捷键

globalShortcut.unregisterAll();

相关API查看
https://www.electronjs.org/zh/docs/latest/api/global-shortcut