首页
学习
活动
专区
工具
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.8K50

第三章 构建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代码提供了一组丰富的工具,用于调试应用程序主进程中的问题。

2.1K30
  • 「 工具篇 」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来连接本地虚拟机,模拟远程开发的操作流程。

    3K30

    Vscode笔记-24款插件

    MD protocol:设置调试协议 auto: 尝试自动检测目标运行时使用的协议 inspector 新的V8调试器协议,解决遗留版本的多数问题,node versions >= 6.3 and Electron...versions >= 1.7.4 legacy: 原始的v8调试器协议,node versions 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/JavaScript和Java开发AI辅助开发功能在Visual Studio Code,基于理解你的代码的上下文与机器学习相结合的见解

    10.8K21

    用于调试和分析的 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 应用程序至关重要。根据你的需求和偏好,你可能会发现更适合且更有效的适合你项目的不同工具。在选择工具时应考虑其功能、可用性和受欢迎程度。

    49010

    Visual Studio 调试系列11 远程调试

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

    3.6K10

    在 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 入门文章,一步步教你

    4.1K30

    引脚数据提示编辑代码并继续调试(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

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

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

    2.5K20

    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.5K62

    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.3K20

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

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

    1.9K10

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

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

    3.6K30

    开源组件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.9K60

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

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

    1.1K20

    关于 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 和

    47020

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

    要调试已部署到IIS的ASP.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中附加到远程调试器时,发现端口使您可以使用“ 查找”按钮。

    4K10
    领券