使用VSCode调试Electron主流程代码

前言在开发Electron应用时，为了提高工作效率，我们需要借助调试工具及时发现并解决问题。VSCode是目前最流行的代码编辑器，我的大部分代码都是在它上面开发的，Electron应用也不例外。今天分享一下如何在VSCode上调试Electron应用的主进程代码。本文介绍的步骤是基于对VSCode调试方法的熟悉或了解，请按需食用！搭建环境本文使用的项目为electron-quick-start。$gitclonehttps://github.com/electron/electron-quick-start$cd./electron-quick-start$npminstall经过以上步骤，基本的Electron应用开发环境搭建完成。查看package.json:{"name":"electron-quick-start","version":"1.0.0","description":"AminimalElectronapplication","main":"main.js","脚本”：{“开始”：“电子。”},"repository":"https://github.com/electron/electron-quick-start","keywords":["Electron","quick","start","tutorial","demo"],"author":"GitHub","license":"CC0-1.0","devDependencies":{"electron":"16.0.6"}}我们可以运行runnpmrunstart查看运行结果：如你所愿看，环境已经搭建好了！然后进入开发调试环节。使用VSCode打开调试配置，并执行以下操作：生成具有以下配置的lauch.json文件：{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。//如需更多信息，请访问：https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2.0","configurations":[{"type":"pwa-node","request":"launch","name":"LaunchProgram","skipFiles":["/**"],"program":"${workspaceFolder}/main.js"}]}我们修改它的配置如下：{"version":"0.2.0","configurations":[{"name":"DebugMainProcess","type":"node","request":"launch","cwd":"${workspaceFolder}","runtimeExecutable":"${workspaceFolder}/node_modules/.bin/electron","windows":{"runtimeExecutable":"${workspaceFolder}/node_modules/.bin/electron.cmd"},"args":["./main.js",//主文件路径]}]}开始调试我们完成了上面的环境搭建和文件配置之后，就可以愉快的调试了（根据需要打断点）:VSCode的调试方法大家应该都比较熟悉，这里就不赘述了。希望大家调试愉快，钓鱼愉快！结束语本文介绍的方法只是调试Electron主进程代码的方法之一。~~本文到此结束，感谢阅读！~学习有趣的知识，认识有趣的朋友，塑造有趣的灵魂！大家好，我是〖编程三昧〗的作者王隐，我的公众号是《编程三昧》，欢迎关注，希望大家多多指教！你来，怀揣期待，我以墨香迎接你！您归来，不分得失，只送回味！知识与技能并重，内功与外功并重，理论与实践两手抓，两手都要用力！