VSCode中如何调试Electron应用的主进程代码
这篇文章主要为大家分析了VSCode中如何调试Electron应用的主进程代码的相关知识点，内容详细易懂，操作细节合理，具有一定参考价值。如果感兴趣的话，不妨跟着跟随小编一起来看看，下面跟着小编一起深入学习“VSCode中如何调试Electron应用的主进程代码”的知识吧。
在开发 Electron 应用的时候，为了提高工作效率，我们需要借助于调试工具，及时发现并解决问题。
VSCode 作为当下最流行的代码编辑器，我绝大部分的代码都是在它上面开发的，Electron 应用也不例外。
搭建环境
下面所使用的项目是 electron-quick-start （https://github.com/electron/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","scripts":{"start":"electron."},"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"}}
我们可以在终端运行 npm run start 来查看运行结果：
可以看到，环境搭建已经大功告成！接下来进入开发调试环节。
调试配置
使用 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有什么用
Visual Studio Code 是一个运行于 OS X，Windows和 Linux 之上的，针对于编写现代 web 和云应用的跨平台编辑器，它为开发者们提供了对多种编程语言的内置支持，并且正如 Microsoft 在Build 大会的 keynote 中所指出的，这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。
关于“VSCode中如何调试Electron应用的主进程代码”就介绍到这了,更多相关内容可以搜索恰卡编程网以前的文章，希望能够帮助大家答疑解惑，请多多支持恰卡编程网网站！
