Electron开发桌面应用(2)：VSCODE调试Electron项目

最新推荐文章于 2024-06-11 09:55:04 发布
最新推荐文章于 2024-06-11 09:55:04 发布
阅读量2.1w 收藏 21
点赞数 2
分类专栏： election 文章标签： 桌面应用 调试 nodejs electron调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ruyulin/article/details/78885246
版权

目的

编写目的主要记录vscode如何调试electron项目。

环境：

  • nodejs 8.9.3
  • mpm 5.5.1
  • electron 1.7.10
  • vscode 1.19.1

具体步骤

1.使用vscode打开electron项目

这里写图片描述

2.点击debug 添加配置

这里写图片描述

3.点击“添加配置”：

最低0.47元/天 解锁文章
ruyulin
关注
  • 2
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
VSCode创建 electron 项目
bigblack12321的博客
10-31 1141
VSCode创建 electron 项目vue+vite项目
vscode 配置electron主进程和渲染进程 断点调试，通用模式
ty21000的博客
01-17 788
vscode 配置electron主进程和渲染进程 断点调试，通用模式。
使用VSCode调试Electron应用程序：一次卓越的开发体验
最新发布
gitblog_00061的博客
06-11 411
使用VSCode调试Electron应用程序：一次卓越的开发体验 项目地址:https://gitcode.com/octref/vscode-electron-debug 1、项目介绍 在寻找一个便捷、高效的方式来调试你的Electron应用吗？Debugging Electron in VSCode项目提供了一种全新的解决方案。这个开源项目专注于帮助开发者利用Visual Studio Cod...
三国杀开源系列之九-vscode调试electron
MissYourKiss的专栏
01-28 849
好久没填这个系列的坑了，最近又朋友问，所以就更一篇。主要内容是写vscode调试electron的方法。 这个noname的三国杀框架用js写的，没有任何参考文档，调试梳理代码非常麻烦。最开始使用了sublime，可以调试js，但是无法调试electron。后面网上查了下，最终决定使用vscode进行代码的开发和调试。 【最终效果 - 主进程+渲染进程 同时调试】 【准备工作】 1、下载并安装vscode 2、下载并安装nodejs （具体教程看这个系列之...
使用visualcode调试electron
qq_15419507的博客
11-06 181
使用visual code调试electron的一种最简单的办法
vscode(visual studio code)下调试electron 类型程序，如何debug跟断点（调试主进程和渲染进程）
zy103118的博客
06-08 1247
vscode debug
桌面应用开发工具比较：Visual Studio Code VS IntelliJ IDEA
禅与计算机程序设计艺术
01-09 2436
1.背景介绍 桌面应用程序开发是一项重要的软件开发领域，它涉及到桌面应用程序的设计、开发、测试和部署。在过去的几年里，许多桌面应用程序开发工具已经出现，这些工具可以帮助开发人员更快地开发高质量的桌面应用程序。在本文中，我们将比较两个流行的桌面应用程序开发工具：Visual Studio Code 和 IntelliJ IDEA。我们将讨论它们的核心概念、联系、核心算法原理、具体操作步骤、数学模型...
vscode electron 代码提示
长命小鬼的博客
08-08 1344
electron 代码提示 npm install electron --save-dev 官方自带代码提示，不过要在每个项目文件夹下进行electron环境配置，全局的electron没有代码提示功能
Electron实战（1）：基础知识视频教程
09-14
本课程是《Electron实战》专题的第1个课程，本课程将帮助学员走进Electron的大门，体验Electron的强大。本课程同时在Windows和Mac OS X平台上操作和演示，同时也适合于Linux。不管学员使用什么平台，本课程的源代码都可以运行。
awesome-electron：使用Electron创建应用程序的有用资源
02-04
Electron 为开发者提供了一种利用 Web 技术开发桌面应用的新途径，它的灵活性和易用性使其在开源社区中受到广泛欢迎。`awesome-electron` 列表则是开发者学习和进阶的宝贵资源，涵盖了从基础到高级的各种主题。通过...
vscodedesign:vscode源码分析
03-23
- **Electron**: VSCode是基于Electron构建的，这意味着它使用了Chromium浏览器引擎和Node.js运行时环境，实现了桌面应用的功能。 - **TypeScript**: 源码主要用TypeScript编写，这是一种强类型、面向对象的...
electronapp:电子应用
03-19
标题中的“electronapp”指的是基于Electron框架构建的桌面应用程序。...通过这些知识点的讲解，你可以对使用Electron和TypeScript开发桌面应用有更深入的理解，无论你是初学者还是有一定经验的开发者，都能从中获益。
VSCode-x64-v1.72.2 for window
11-27
10. **性能优化**：VSCode注重性能，采用Electron框架构建，确保在处理大量文件和大型项目时依然保持流畅。 在压缩包中的文件"VSCodeUserSetup-x64-1.72.2.exe"是VSCode的Windows安装程序，用于在用户的Windows系统...
linux-Web增强的可扩展Neovim前端基于Electron开发
08-13
标题 "Linux-Web增强的可扩展Neovim前端基于Electron开发" 提示我们讨论的是一个针对Linux平台的项目，它是一个Neovim编辑器的前端界面，利用了Electron框架来实现Web增强的特性。这个项目的目标是提供一个不仅功能...
vscode+Electron环境搭建 helloword
chduguxue的专栏
10-17 3840
一个基于Chrome+Nodejs的容器，可以用纯前端的方式实现跨平台的桌面应用开发。代码由js，css，html构成，它支持把整个项目编译成exe。由于它支持Nodejs，所以可以引用dll，那么技术上涉及到跟硬件打交道的事情可以用c#，c++来开发，做成dll再有Nodejs去调用。所以我们可以把electron当作一个快速开发业务逻辑和界面逻辑的手段。底层核心可以用c++做，大大提高了开发效率。
基于VS Code的插件开发（基础篇）
麻球科技
02-28 7199
VSCode 采用了 Electron，在语言上，VSCode 使用了自家的 TypeScript 语言开发。Electron是基于 Chromium 和 Node.js，使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用，它兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。从实现上来看，Electron = Node.js + Chromium + Native API接下来看下VS Code布局。
Electron杂谈 - 以VS Code为例
过客2019
09-20 553
node，js以及ts对大多数有学习过前端的同学来说都是基本功，不用多说。但还是需要对VSCode使用相关技术框架有所了解。
前端技术分享-Electron入门教程
11-04
当公司的前端团队需要在没有专门桌面应用开发者的背景下，承担起开发桌面应用的任务时，Electron是一个理想的解决方案。特别适用于开发诸如代码编辑器（如VSCode）、文本编辑器（Atom）、团队协作工具（如Slack）...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值