Electron 桌面应用：VS Code调试，运行

最新推荐文章于 2024-06-11 09:55:04 发布
最新推荐文章于 2024-06-11 09:55:04 发布
阅读量5.4k 收藏 5
点赞数
分类专栏： Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14834431/article/details/79516000
版权
本文指导如何使用Visual Studio Code(VSCode)调试 Electron 桌面应用程序的主进程。首先，在VSCode中打开Electron项目。接着，创建一个launch.json文件，配置调试设置。在Windows环境下，需注意特定参数。同时，创建一个tasks.json文件，通过shift + ctrl + b快捷键运行项目。
摘要由CSDN通过智能技术生成
最低0.47元/天 解锁文章
Caprey
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第九讲使用VSCODE调试Electron程序
星火燎猿
08-19 1607
第九讲使用VSCODE调试Electron程序介绍调试主进程调试渲染进 介绍 前面学员反馈说程序执行的时候遇到问题没办法调试，这节课程主要给大家介绍如何利用vscode来调试我们的Electron程序。前面课程我们已经介绍过，Electron程序包括主进程和渲染进程两部组成。开发过程中调试对于开发人员来说是必不可少的，今天我们就来讲一讲如何利用Vscode调试Electron程序，让你在以后的开发中遇到问题能够快速定位并解决问题！ 调试主进程 首先我们打开vscode如下图所示点击左侧虫子一样的图片
Electron快速入门（一）：用VS Code快速创建html+js+css编写的项目
lulei5153的博客
06-20 489
Electron快速入门：用VS Code快速创建html+js+css编写的项目：创建3个文件输入3个命令完成一个初始项目
使用VSCode调试Electron应用程序：一次卓越的开发体验
gitblog_00061的博客
06-11 521
使用VSCode调试Electron应用程序：一次卓越的开发体验 项目地址:https://gitcode.com/octref/vscode-electron-debug 1、项目介绍 在寻找一个便捷、高效的方式来调试你的Electron应用吗？Debugging Electron in VSCode项目提供了一种全新的解决方案。这个开源项目专注于帮助开发者利用Visual Studio Cod...
使用Visual Studio Code调试Electron
kissLife的博客
07-06 814
使用Visual Studio Code调试Electron
vscode调试Electron项目
chduguxue的专栏
10-17 709
vscode中打开electron项目断点运行配置
VS Code调试electron应用程序(主进程)
Lady__Killer的博客
10-25 808
  1、修改启动命令参数(package.json) { "name": "Hello-World", "main": "main.js", "scripts": { "start": "electron . --inspect-brk=5858" } } --inspect-brk=5858" } }        
vscode调试Electron+ts
qq_43478653的博客
05-14 565
调试Electron+js: https://www.electronjs.org/zh/docs/latest/tutorial/debugging-vscode。
三国杀开源系列之九-vscode调试electron
MissYourKiss的专栏
01-28 873
好久没填这个系列的坑了，最近又朋友问，所以就更一篇。主要内容是写vscode调试electron的方法。 这个noname的三国杀框架用js写的，没有任何参考文档，调试梳理代码非常麻烦。最开始使用了sublime，可以调试js，但是无法调试electron。后面网上查了下，最终决定使用vscode进行代码的开发和调试。 【最终效果 - 主进程+渲染进程 同时调试】 【准备工作】 1、下载并安装vscode 2、下载并安装nodejs （具体教程看这个系列之...
Electron-Atari:在电子上运行的Atari 2600 electron，用于gui和cpp进行代码
04-04
Electron利用Chromium浏览器和Node.js，将Web技术与本地功能相结合，提供了一种快速开发桌面应用的方法。 2. **Atari 2600**：Atari 2600是Atari公司于1977年推出的家用游戏机，它在游戏历史中占有重要地位，许多...
Electron跨平台桌面应用开发工具 v16.2.6.zip
03-21
在“Electron跨平台桌面应用开发工具 v16.2.6.zip”中，我们得到了一个特定版本的Electron库，即v16.2.6，这通常包含了运行和开发Electron应用所需的所有组件。 首先，我们要理解Electron的核心概念。Electron结合...
Electron跨平台桌面应用开发工具 v19.1.9.zip
03-21
2. **跨平台支持**：Electron能够生成运行于Windows、macOS和Linux等多平台的应用程序，使得开发者无需针对不同操作系统编写不同的代码。 3. **JavaScript基础**：由于Electron使用JavaScript作为主要编程语言，...
使用VSCode调试Electron
01-08
1、点击VSCode左侧的调试按钮打开调试配置面板，然后点击“自定义运行和调试创建launch.json文件”，若出现选择下拉框，则选择“Node.js调试器”，没出现则不用管； 2、此时项目文件夹中的.vscode文件夹中就会多一个文件launch.js，修改该文件代码如下所示： { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 version: 0.2.0, configu
Electron-Boilerplate:powerful强大的样板程序可以启动您的下一个电子项目！
03-07
7. **日志和调试工具**：帮助开发者跟踪和诊断应用中的问题，如 electron-log 和 VS Code 的调试配置。 8. **国际化支持**：通过 i18n 插件实现多语言环境的切换，满足全球化需求。 9. **许可证和打包配置**：预先...
Electron跨平台桌面应用开发工具 v17.4.11.zip
03-21
4. **开发环境**：开发者通常使用Visual Studio Code等IDE，配合Electron的开发者工具进行调试。 5. **打包与发布**：Electron Builder或Electron Packager等工具用于将应用打包成可执行文件，便于在不同平台上分发...
使用 VSCode 调试 Electron 主进程代码
编程三昧
01-20 729
在开发 Electron 应用的时候，为了提高工作效率，我们需要借助于调试工具，及时发现并解决问题。
VSCode 如何运行调试全局安装的 Electron
Likianta 的博客
04-05 4369
背景 已安装 nodejs, npm, 以及 vscode npm 全局安装位置已变更为 “D:/programs/nodejs/npm_node_modules/” 已在 全局 安装 electron, 并未在项目下安装 electron 测试项目为 “Electron 初体验”, 路径位置: “D:/workspace/test_room/electron_foretaste” 需求与预期...
Electron杂谈 - 以VS Code为例
过客2019
09-20 647
node，js以及ts对大多数有学习过前端的同学来说都是基本功，不用多说。但还是需要对VSCode使用相关技术框架有所了解。
java源码资源学生课程管理系统java源码资源学生课程管理系统
最新发布
08-24
java源码资源学生课程管理系统java源码资源学生课程管理系统提取方式是百度网盘分享地址
electron桌面应用事例
02-19
Electron是一个开源的框架，用于构建跨平台的桌面应用程序。它基于Web技术栈，使用HTML、CSS和JavaScript来构建应用界面，并使用Node.js来处理底层系统功能。 以下是一些使用Electron构建的知名桌面应用程序的例子： 1. Visual Studio Code：这是一款由微软开发的轻量级代码编辑器，支持多种编程语言和丰富的插件生态系统。 2. Slack：这是一款流行的团队协作工具，用于实时通信、文件共享和项目管理等。 3. Discord：这是一款针对游戏社区设计的语音、视频和文本聊天应用程序。 4. Atom：这是GitHub开发的另一款代码编辑器，具有高度可定制性和丰富的插件生态系统。 5. Skype：这是一款广泛使用的即时通讯和语音通话应用程序，支持跨平台使用。 6. Postman：这是一款用于测试和调试API的工具，提供了强大的请求构建和响应分析功能。 7. Trello：这是一款流行的项目管理工具，用于组织任务、跟踪进度和协作团队。 8. Slack：这是一款流行的团队协作工具，用于实时通信、文件共享和项目管理等。 9. Figma：这是一款基于云的设计工具，用于创建和共享用户界面设计和原型。 10. WordPress Desktop：这是WordPress官方提供的桌面应用程序，用于管理和发布WordPress网站。 这些例子展示了Electron在不同领域的应用，从代码编辑器到团队协作工具，再到设计工具和项目管理工具等。通过使用Electron，开发者可以利用Web技术栈构建功能强大且跨平台的桌面应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值