Electron-Vue 开发笔记：使用 Visual Studio Code 配置进行主进程断点调试

Electron-Vue 是一个基于 Electron 和 Vue.js 的强大框架，用于构建跨平台的桌面应用程序。在开发过程中，调试是解决问题和提高代码质量的重要环节。通过使用 Visual Studio Code（简称 VS Code）的调试功能，我们可以方便地在 Electron-Vue 项目的主进程中设置断点并进行调试。本篇文章将详细介绍如何配置 VS Code 实现主进程断点调试。

前提条件

在开始之前，请确保你已经安装了以下软件和工具：

• Node.js（包括 npm 包管理器）
• Visual Studio Code（https://code.visualstudio.com/）

步骤一：安装必要的 VS Code 插件

1. 打开 VS Code。
2. 点击左侧侧边栏的扩展图标，或者使用快捷键 Ctrl + Shift + X 打开扩展面板。
3. 在搜索框中输入 “Debugger for Chrome” 并点击安装按钮进行安装。
4. 安装完成后，点击 “重新加载” 按钮以使插件生效。

步骤二：配置调试启动项

1. 在 VS Code 中打开你的 Electron-Vue 项目。
2. 点击左侧侧边栏的调试图标，或者使用快捷键 Ctrl + Shift + D 打开调试面板。
3. 在调试面板中，点击顶部的齿轮图标以打开 <