如何在VSCode上调试Electron应用的主进程代码

这篇“如何在VSCode上调试Electron应用的主进程代码”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“如何在VSCode上调试Electron应用的主进程代码”文章吧。

搭建环境

本文所使用的项目是 electron-quick-start 。

$ git clone https://github.com/electron/electron-quick-start $ cd ./electron-quick-start $ npm install

经过以上步骤就搭建好了基本 Electron 应用开发环境。查看 package.json:

{   "name": "electron-quick-start",   "version": "1.0.0",   "description": "A minimal Electron application",   "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": "Launch Program",             "skipFiles": [                 "<node_internals>/**"             ],             "program": "${workspaceFolder}/main.js"         }     ] }

我们修改其配置如下：

{     "version": "0.2.0",     "configurations": [         {             "name": "Debug Main Process",             "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应用的主进程代码”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。