首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Visual Studio 2017开发和调试Electron Node js - Debugger附加但错误的应用程序窗口

Electron是一个开源的框架,用于构建跨平台的桌面应用程序。它基于Node.js和Chromium,可以使用Web技术(HTML、CSS和JavaScript)来开发桌面应用程序。

Visual Studio 2017是一款强大的集成开发环境(IDE),提供了丰富的工具和功能,用于开发各种应用程序,包括Electron应用程序。

调试Electron应用程序可以通过在Visual Studio 2017中附加Node.js - Debugger来实现。以下是一些步骤:

  1. 打开Visual Studio 2017,并创建一个新的Electron项目或打开现有的Electron项目。
  2. 在Visual Studio 2017的菜单栏中,选择“调试”>“附加到进程”。
  3. 在弹出的对话框中,选择“Node.js”作为调试器类型。
  4. 在“可用进程”列表中,找到正在运行的Electron应用程序的进程,并选择它。
  5. 点击“附加”按钮,将Node.js - Debugger附加到Electron应用程序的进程上。
  6. 现在,您可以在Visual Studio 2017中进行调试,包括设置断点、查看变量和调用堆栈等。

使用Visual Studio 2017开发和调试Electron应用程序的优势包括:

  • 强大的集成开发环境,提供丰富的开发工具和功能。
  • 支持多种编程语言和技术,包括JavaScript、HTML和CSS。
  • 提供直观的调试界面,方便开发者进行代码调试和故障排除。
  • 可以与其他Visual Studio 2017的功能和扩展集成,提高开发效率。

Electron应用程序适用于许多场景,包括但不限于:

  • 跨平台的桌面应用程序,可以在Windows、Mac和Linux等操作系统上运行。
  • 桌面客户端应用程序,如聊天工具、音乐播放器、文档编辑器等。
  • 跨平台的开发工具,如代码编辑器、集成开发环境等。
  • 桌面游戏和娱乐应用程序。

腾讯云提供了一系列与云计算相关的产品和服务,其中包括与Electron开发相关的产品。您可以访问腾讯云的官方网站,了解更多关于这些产品的详细信息和使用指南。

请注意,本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商,因为根据您的要求,我们不能直接提及它们。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

10分钟实现Typora(markdown)编辑器

因为Electron应用程序是基于Chrome,所以我们在构建Electron应用程序时可以使用Chrome开发者工具就不足为奇了(图3.9)。 调试渲染器过程相对简单。...Node Inspector是调试Node.js应用程序常用工具,为了提供一个可以调试主进程方法,Electron 提供了 --inspect开关。...Visual Studio Code提供了一组用于调试节点应用程序丰富工具,这使得调试Electron应用程序比前面提到要容易得多。...图3.13 内置在Visual Studio Code中调试器允许您暂停应用程序执行,并顺便检查bug。 您很可能没有使用Visual Studio Code。这很好。...Visual Studio代码提供了一组丰富工具,用于调试应用程序主进程中问题。

2.6K50

第三章 构建Markdown应用程序 | Electron in Action(中译)

因为Electron应用程序是基于Chrome,所以我们在构建Electron应用程序时可以使用Chrome开发者工具就不足为奇了(图3.9)。 调试渲染器过程相对简单。...Node Inspector是调试Node.js应用程序常用工具,为了提供一个可以调试主进程方法,Electron 提供了 --inspect开关。...Visual Studio Code提供了一组用于调试节点应用程序丰富工具,这使得调试Electron应用程序比前面提到要容易得多。...[figure313.png] 图3.13 内置在Visual Studio Code中调试器允许您暂停应用程序执行,并顺便检查bug。 您很可能没有使用Visual Studio Code。...Visual Studio代码提供了一组丰富工具,用于调试应用程序主进程中问题。

2K30

「 工具篇 」VS Code

正文 VS Code 概览 VS Code 介绍 Visual Studio Code (下面简称VSC) 是由微软公司开发开源、免费、跨平台代码编辑器。...它将 Chromium Node.js 完美融合,让开发者能用使用 HTML 来实现 App UI,用 Node.js API 来访问文件系统。...它是基于正则表达式一套分析方案,虽然 JS 原生支持正则表达式,为了更高效率,VSC 使用了 C++ 编写一套正则表达式引擎来提高效率。...Xterm.js: 是一个使用TS 开发前端组件, 它把完整终端功能带入了浏览器,可可以与bash这样进程相连接。 这里简单展示一下 LSP DAP : ?...应用 从多台不同计算机访问现有的开发环境 调试在其它位置(比如客户网站或云端)运行应用程序 下面是通过SSH来连接本地虚拟机,模拟远程开发操作流程。

2.9K30

Vscode笔记-24款插件

MD protocol:设置调试协议 auto: 尝试自动检测目标运行时使用协议 inspector 新V8调试器协议,解决遗留版本多数问题,node versions >= 6.3 and Electron...versions >= 1.7.4 legacy: 原始v8调试器协议,node versions < v8.0 and Electron versions < 1.7.4. port:调试使用端口...Debugger for Chrome Chrome调试 Docker Docker扩展使从Visual Studio Code轻松构建,管理部署容器化应用程序变得容易。...neuron Visual Studio Code神经元,面向数据科学家交互式编程体验 Node.js Exec 使用node.js执行当前文件或您选择代码。...Visual Studio IntelliCode 为Python,TypeScript/JavaScriptJava开发AI辅助开发功能在Visual Studio Code,基于理解你代码上下文与机器学习相结合见解

10.4K20

用于调试分析 5 大 Node.js 工具

调试分析是查找修复错误、测量优化性能,同时确保Node.js应用程序质量效率重要过程。但是,Node.js有许多工具可用于调试分析应用程序,那么如何选择最适合你需求工具呢?...WebStormWebStorm 是一款功能强大且多功能 Node.js 开发 IDE,具有支持 Node.js 核心流行框架内置调试器。...你可以使用它在单独浏览器窗口调试分析 Node.js 应用程序,并具有实时代码编辑、性能分析等功能。代价:Node Inspector 可以免费使用,因为它是开源且跨平台软件。...要设置并使用 Visual Studio Code 调试器来调试分析 Node.js 应用程序,你可以按照以下步骤操作:步骤01打开 Visual Studio Code 并创建一个新项目或打开现有项目...总结调试分析对于开发高质量且高性能 Node.js 应用程序至关重要。根据你需求和偏好,你可能会发现更适合且更有效适合你项目的不同工具。在选择工具时应考虑其功能、可用性受欢迎程度。

24610

Visual Studio 调试系列11 远程调试

你可以调试已部署在另一台计算机 Visual Studio 应用程序。 要进行此操作,可使用 Visual Studio 远程调试器。...最新远程工具版本兼容使用早期 Visual Studio 版本,早期远程工具版本不是与更高版本 Visual Studio 版本兼容。...(例如,如果使用 Visual Studio 2017,下载适用于 Visual Studio 2017 远程工具最新更新。...使用服务器名称端口号显示在 Visual Studio 中设置远程连接配置。 若要停止远程调试器,请选择文件 > 退出。...您可以在与您在Visual Studio计算机上使用用户帐户不同用户帐户下运行远程调试程序,必须将其他用户帐户添加到远程调试程序权限。

3.5K10

在 ts + Jest 单元测试中 debugging

在 devtool 中进行 debugger 3、总结 如果功能代码是 js,推荐直接用 VSCode 提供 Debugger 功能来调试会比较方便(具体设置请看下方 ”参考文章“); 如果代码是...TS 写,或者设计逻辑较为复杂,还是推荐使用 Chrome Node DevTools 方式调试,用起来比较顺手 当然,有自己喜爱调试方式,请忽略上述两条 REFERENCE 参考文档 调试...launch.json 配置项教程,涵盖了 debug 全部测试文件 debug 单个测试文件 这两种场景,足够了 Debugging TypeScript Jest Tests With Visual...Studio Code:文中给出针对 ts + jest launch.json 配置项,可以借鉴一下 使用jest+enzyme进行react项目测试 - debug篇:虽说是 2017文章...,仍旧有可借鉴性 Debugging with TypeScript, Jest, ts-jest and Visual Studio Code:对新手友好单元测试 debugger 入门文章,一步步教你

3.9K30

如何使用 VS Code开发.NET Core应用程序

Visual Studio Code(VS Code)是Microsoft为Windows,LinuxMac操作系统开发免费,跨平台,轻量级源代码编辑器,它是源代码编辑器,而Visual Studio...在这篇文章中,我们将学习有关使用 Visual Studio Code开发调试,测试部署ASP.NET Core应用程序信息,它将包括: •安装必须插件•创建一个.NET Core 应用程序•如何运行项目...•如何设置断点调试•运行单元测试用例•优势和局限性•命令,快捷键扩展 先决条件 你需要在你电脑上安装以下软件sdk •.NET Core SDK•Node.jsVisual Studio Code...}/bin/Debug/net5.0/dotnet.dll", 然后直接运行 现在,.NET Core应用程序将在浏览器窗口中启动,并且我们启动了不使用 Visual Studio.NET Core应用程序...优点 •与Visual Studio一样,Visual Studio Code也具有用于运行调试源代码工具:监视窗口调试控制台,错误窗口,输出窗口,测试资源管理器版本控制。

2.4K20

引脚数据提示编辑代码并继续调试(C#,VB,C ++)编辑XAML代码并继续调试调试难以重现问题配置数据以显示在调试器中更改执行流程跟踪范围外对象(C#,Visual Basic)查看函数返回值

view=vs-2019 了解Visual Studio调试生产力提示技巧 2018年6月15日 7分钟阅读 阅读本主题,以了解一些有关Visual Studio调试生产力提示技巧。...您可以使用条件断点过滤断点来避免闯入应用程序代码,直到应用程序进入所需状态(例如,变量存储错误数据状态)。您可以使用表达式,过滤器,命中数等设置条件。...更加熟悉调试器如何附加到您应用程序(C#,C ++,Visual Basic,F#) 要附加到正在运行应用程序调试器将加载与要调试应用程序完全相同内部版本生成符号(.pdb)文件。...在某些情况下,对符号文件一些了解可能会有所帮助。您可以使用“模块”窗口检查Visual Studio如何加载符号文件。 在调试时,通过选择“调试”>“ Windows”>“模块”,打开“模块”窗口。...有时,应用程序开发人员在交付应用程序时没有匹配符号文件(以减少占用空间),保留了匹配符号文件副本以进行构建,以便他们以后可以调试发行版本。

4.5K41

Win10下VS2015(WDK10)驱动开发环境配置

Visual Studio就集驱动程序开发,编译,安装,部署调试于一身,使得Windows驱动程序开发会变得更容易。...使用主机上 Vsual Studio 开发构建驱动程序。...调试程序在主计算机上运行(可以使用 Visual Studio 用户界面或WinDbg调试工具),当测试调试驱动程序时,驱动程序在目标计算机上运行。...5.2.3 设置Visual Studio 2015调试方式 Visual Studio 2015本身集驱动程序开发,编译,安装,部署调试于一身,使得Windows驱动程序开发会变得更容易。...Visual Studio 2015作为调试、部署界面使用WinDbg作为调试界面在配置上有一些不同。 5.2.3.1 设置测试目标计算机为串口调试方式 A.

4.1K51

Script Lab 11:OIfficeJS三种调试方式

无论您使用是Yeoman Generator,Visual Studio Code,node.js,Angular还是其他工具,都可以附加调试器。...1、在Office 2016 for Windows 较高版本中,可以从任务窗格附加调试器; 2、前提是电脑上己经装有 Visual Studio 2015 或更高版本; 3、只适用于桌面加载插件,...【操作流程】 要启动“ 附加调试器”工具,请选择任务窗格右上角以激活“ 个性”菜单(如下图中红色圆圈所示)。选择Attach Debugger。...您可以将断点设置为要在Visual Studio调试代码行。 F12工具 【适合范围】 Windows 10中包含F12开发人员工具可帮助您调试,测试和加速网页。...如果您没有使用Visual Studio这样IDE,或者您需要在IDE外部运行加载项时调查问题,也可以使用它们来开发调试Office加载项。

2.2K20

知乎分享:vscode从入门到进阶

Adapter Protocol Electron 开发框架,基于Node.jsChromium,使用HTML,CSSJavaScript等前端技术来开发跨平台桌面级应用程序 Monaco Editor...DAP 希望将编辑器与调试器解耦合,便于编辑器与其他Debugger集成 VSCode是如何做开源 开源三个阶段:公开源代码->Issues&PRs->Planning&Design 实时更新,管理...IssuesPR来交互,并且有着开发设计计划。...多目标调试,比如在开发Web应用时候,可以同时调试前端后端应用。 远程开发 VSCode Remote,允许将容器/远程计算机/WSL作为完整开发环境。...Studio Live Share:极大方便协作编程,可以实时实现代码编辑、跟踪光标、团队调试、分享本地服务器、共享终端 Visual Studio IntelliCode:AI赋能,根据上下文给出编程建议与智能提示

1.7K10

第一章 Electron介绍 | Electron in Action(中译)

Github开源代码编辑器,Electron起源地 Visual Studio Code - Cross-platform IDE....微软跨平台Visual Studio Code编辑器也使用Electron,它运行在macOS、WindowsLinux上。 您可以使用electronic构建更多文本编辑器。...电子还包括自动下载更新和错误崩溃上报,NW.js不支持。 NW.js应用程序从HTML页面启动,每个浏览器窗口共享一个Node 进程。如果打开多个窗口,它们都共享同一个Node进程。...ElectronNode浏览器进程分开。在Electron,你从Node启动一个主进程。这个主进程可以打开浏览器窗口,每个都有自己进程。电子提供了主进程浏览器窗口之间通讯接口,在这本书。...Electron被大大小小应用程序使用,如Atom,微软Visual Studio CodeSlack。

3.5K30

开源组件NanUI一周年-使用HTMLCSSJS来构建.Net Winform应用程序界面

NanUI是什么 NanUI基于ChromiumFX项目进行开发,它能让你在你Winform应用程序使用HTML5/CSS3/Javascript等网页技术来呈现用户界面(类似Electron)。...同时NanUI提供了原生窗口定制化无标题栏无边框窗口,你能使用全部网页技术来设计呈现你应用程序界面。...系列文档 NanUI简介 开始使用NanUI 打包并使用内嵌式HTML/CSS/JS资源 使用网页来设计整个窗口 如何实现C#与Javascript相互掉用(待更新。。。)...如何编译源码示例 编译当前版本NanUI需要支持C#7.0语法编译器,推荐编译工具有且只有Visual Studio 2017。...如何使用 初始化NanUI 使用原生窗口样式来使用NanUI 使用无边框模式来使用NanUI 请注意:如果使用Visual Studio 2015或者更低版本开发调试NanUI应用程序,需要在项目属性调试选项卡中关闭

1.7K60

(1 3)Electron知识学习 · 基础篇

Electron是一个跨平台桌面客户端框架,使用 JavaScript,HTML CSS 构建跨平台桌面应用程序,文档:https://www.electronjs.org/zh/docs/latest...API,例如:创建新窗体,获取电脑相关信息等就交给主进程 也就是说当主进程渲染进程需要交互时就会涉及到进程之间通讯我后面会演示到 Web技术 Electron 基于 Chromium Node.js...调试性能分析 在开发时可对其进行调试性能分析 Windows 安装程序 可以打包成可执行文件,用户使用体验良好 生命周期 Electron分为主进程渲染进程 左边是主进程 右边是渲染进程 安装...执行npm -vnode -v npm -v node -v 安装VSCode Visual Studio Code简称vscode 用来开发前端项目的开发工具 当然也可以开发javadotnet...将多个路径联结在一起,创建一个跨平台路径字符串 main.js //获取依赖 //app:模块,它控制应用程序事件生命周期 //BrowserWindow:模块,它创建和管理应用程序 窗口 const

92720

关于 Node.js 调试,你需要了解一切

Node.js 具备跨平台属性,目前已经成为服务器端 Web 应用程序开发、工具构建和命令行应用程序等领域主流选项。...幸运时候,代码崩溃还能显示明确错误信息;如果运气不好,应用程序仍能勉强运行,只是结果与开发者预期相去甚远。 什么是调试? 所谓调试,就是修复软件缺陷艺术。...另外,请注意检查主模块框架说明文档,了解更多日志记录选项。 使用 Node.js 命令行选项进行调试 在启动应用程序时,您可以将命令行选项传递给 node 或 nodemon 运行时。...V8 引擎中包含自己检查器调试客户端,这里就从检查参数起步(注意,不要将其与后文中「使用 Chrome 调试 Node.js 应用程序」中提到—inspect 标志混淆): node inspect...//nodejs.org/en/docs/guides/debugging-getting-started/ 主要为 Visual Studio、JetBrains、WebStorm、Gitpod

33520

Visual Studio 调试系列12 远程调试部署在远程计算机IIS上ASP.NET应用程序

调试已部署到IISASP.NET应用程序,请在部署应用程序计算机上安装并运行远程工具,然后从Visual Studio附加到正在运行应用程序。 ?...下面介绍如何设置配置Visual Studio ASP.NET MVC 4.5.2应用程序,将其部署到IIS,以及如何从Visual Studio附加远程调试器。...》 11 设置 Windows Server 上远程调试器 参考《Visual Studio 调试系列11 远程调试》 12 从 Visual Studio 计算机附加到 ASP.NET 应用程序...在 Visual Studio 2017 更高版本中,您可以重新附加到您以前使用附加同一个进程调试 > 重新附加到进程... (Shift + Alt + P)。...UDP 3702 - (可选)在Visual Studio附加到远程调试器时,发现端口使您可以使用“ 查找”按钮。

3.9K10
领券