对于vscode调试electron这件事来说,区别于9222端口的渲染进程调试方式,这里存在着一个5858端口的主进程调试方案。这个5858端口方案的调试,是非常的与众不同,与以往的electron的调试方案差别很大。本文,就着重说一下这个electron5858主进程方案是如何使用的。

苏南大叔:vscode 如何断点调试 electron 程序?主进程 attach 调试 - attach_vscode_es6
vscode 如何断点调试 electron 程序?主进程 attach 调试(图4-1)

本文测试环境:mac/electron3.0.7/vscode1.30.1

配置.vscode/launch.json

.vscode/launch.json文件配置如下:

苏南大叔:vscode 如何断点调试 electron 程序?主进程 attach 调试 - launch-attach
vscode 如何断点调试 electron 程序?主进程 attach 调试(图4-2)

newsn.net:这里是【评论】可见内容

其中的sourceMaps建议设置为true,可以用于调试es6的代码。被注释掉的几条设置,貌似也没什么用,而且添加上总是有报错。

vscode停止调试

常规的vscode停止调试,在这个方案中是不起作用的。仅仅是停止了attach而已,electron程序自身还存在,需要在命令行里面使用ctrl+c才能停止这个被调试的electron程序。

总结

vscodeelectron的故事,讲了这么多,基本上也算可以告一段落了。electron-vue的调试,基本上也逃不出这个范围,关键点就这么几个:babelsourcemap。其余的,采用那种调试方案,这个就是仁者见仁智者见智的事情了。

使用attach方案的时候,根本不关心是不是es6,是不是需要babel,执行的是哪个文件。因为,那是另外开启的命令行所考虑的事情,在.vscode/launch.json中是并不体现这些设置信息的。

更多electron的经验文字,苏南大叔提示您:请点击下面的链接查看。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron    vscode

本站的忠实读者小伙伴,正在阅读下面这些文章: