关于electron的基本调试

本文介绍了在开发Electron应用时如何进行调试,包括渲染进程的调试,利用vue-devtools进行Vue集成调试,以及主线程(主进程)的调试方法,特别提到了在VSCode中配置调试和解决require导入的问题。
摘要由CSDN通过智能技术生成

介绍

调试是开发中必不可少的一个过程,electron分为主进程和渲染进程,所以需要有分别调试这两个进程

渲染进程调试

electron渲染进程的调试跟web开发的调试过程差不多一样,因为这个进程相当于Chromium 的一个窗口,在开发环境中可以设置:win.webContents.openDevTools() 来打开devtools来调试代码。
在这里插入图片描述

接下来就可以对渲染进程进行调试,
在这里插入图片描述

vue-devtools

通常我们是使用vue+electron的模式进行开发,而在平时vue开发中,我们通常使用vue-devtools进程代码的调试,那么在electron中,我们就要想办法去加载vue-devtools这个插件

在electron-builder这个模板中提供了installVueDevtools这个模块去加载vue-devtools

import {
   installVueDevtools } from "vue-cli-plugin-electron-builder/lib"
...
app.on("ready",()=>{
   
   if
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值