遵义网站建设1w1h,dedecms网站后台很卡,了解当前各类网站建设价格,仿皮皮淘网站开发全程培训官网教程地址#xff1a;https://www.electronjs.org/zh/docs/latest/tutorial/debugging-main-process
我只能说官网太看得起人了#xff0c;整这么简易的教程……
命令行开关
第一步还是要按要求在我们的package.json里加上端口监听#xff1a;–inspect5858
我的命令…官网教程地址https://www.electronjs.org/zh/docs/latest/tutorial/debugging-main-process
我只能说官网太看得起人了整这么简易的教程……
命令行开关
第一步还是要按要求在我们的package.json里加上端口监听–inspect5858
我的命令如下
builder-start: nodemon --exec electron --inspect5858 . --watch ./ --ext .js,.html,.css,.vue,有效的起始只有 electron --inspect5858其他的是另一个插件工具用不到nodemon的可以忽略。nodemon具体用法可查看往期文章
外部调试器
官网下一步是配置外部调试器我的IDE是webstorm所以只能按官网说的访问chrome://inspect。
在谷歌浏览器直接输入“chrome://inspect”。打开页面如下 到这里就可以不再看官网了因为没有后续教程了。自力更生
外部调试器使用
点击链接Open dedicated DevTools for Node 会打开一个调试node程序的窗口。
打开的窗口如图 在这里点击按钮Add connection把我们的5858端口维护进去如图 维护好后等一会有可能十几二十秒外面的chrome://inspect界面出现下面红线所示内容说明配置成功。 下一步打开我们的项目这个页面就会监听到我们项目的一些基本信息如下图所示 这时候再去看我们前面的devtools窗口发现控制台已经出现了打印信息说明远端调试连接成功。我理解的chrome和webstorm之间通过端口5858建立了远端调试连接。 这时候不管是在devtools中打断点还是在webstorm中写debugger都可以进入相应的断点位置。偶尔有失效的时候重复一下上面步骤 56行为我写的debugger58行是在devtools里打的断点。都生效了。
devtools中查找文件
调试基本功放张图有需要的同学自行查找吧
