VSCode调试Electron

使用vscode来调试electron主进程,实现断点调试、监视变量,跟踪代码执行,极大地提高开发效率。

  1. 在vscode代码编辑器中左侧找到运行或调试

  2. 上方下拉框添加配置

  3. 点击添加配置后,会在根目录的.vscode目录下存在launch.json文件,在文件中进行启动调试环境配置

  4. 点击了添加配置后,应该会自动打开.vscode/lauch.json文件,默认会存在一份配置,若运行失败,可以自行配置,顺序不能变:

    json 复制代码
    {
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node-terminal",
                "name": "Electron Main",
                "request": "launch",
                "command": "npm run electron:serve",
                "cwd": "${workspaceFolder}",
            },
        ]
    }

    可以修改command命令,为dev环境下启动electron的命令

    配置完之后点击运行完成启动调试环境:

    启动调试程序后,可以在调试的工具栏操作

通过使用VSCode调试Electron应用,开发者可以更加轻松地管理项目的代码和调试流程。VSCode强大的调试工具和Electron的结合,使得开发跨平台桌面应用程序变得更加直观和高效。无论你是新手还是经验丰富的开发者,VSCode和Electron的组合都是一个强大的工具链,能够帮助你快速构建和发布高质量的应用程序。

相关推荐
sg_knight22 分钟前
VSCode如何修改默认扩展路径和用户文件夹目录到D盘
前端·ide·vscode·编辑器·web
逆旅行天涯39 分钟前
【Threejs】从零开始(六)--GUI调试开发3D效果
前端·javascript·3d
GPT祖弘1 小时前
【VScode】第三方GPT编程工具-CodeMoss安装教程
ide·vscode·gpt
乐闻x1 小时前
VSCode 插件开发实战(五):实现新语言支持和语法高亮
ide·vscode·编辑器
长风清留扬1 小时前
小程序毕业设计-音乐播放器+源码(可播放)下载即用
javascript·小程序·毕业设计·课程设计·毕设·音乐播放器
Dontla1 小时前
vscode怎么设置anaconda python解释器(anaconda解释器、vscode解释器)
ide·vscode·python
m0_748247802 小时前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
乐闻x2 小时前
VSCode 插件开发实战(六):配置自定义状态栏
ide·vscode·编辑器
漫天转悠2 小时前
VScode中配置ESlint+Prettier详细步骤(图文详情)
vscode·vue
张明奇-琦玉2 小时前
vscode添加全局宏定义
ide·vscode·编辑器