如何在使用`npm run dev`启动的VS代码中调试npm Electron应用程序？
在使用npm run dev启动的VS代码中调试npm Electron应用程序，可以按照以下步骤进行：
- 确保已经在项目根目录下安装了VS Code和Electron。
- 打开VS Code，并在侧边栏中选择项目文件夹。
- 在VS Code的顶部菜单中选择
View->Debug，或者使用快捷键Ctrl+Shift+D打开调试面板。 - 在调试面板中，点击左上角的齿轮图标，选择
Add Configuration。 - 在弹出的配置文件列表中，选择
Node.js。 - 在生成的
launch.json文件中，将program字段的值改为"${workspaceFolder}/node_modules/.bin/electron"。 - 在
launch.json文件中，添加一个args字段，并将其值设置为["."]，表示传递给Electron的命令行参数。 - 在VS Code中打开项目的
package.json文件，找到scripts字段，将其中的"dev"命令修改为"dev": "electron ."。 - 在VS Code的调试面板中，选择
Node.js配置，并点击左上角的绿色播放按钮，启动调试模式。 - Electron应用程序将在VS Code中启动，并且可以在调试控制台中查看输出和调试信息。
通过以上步骤，你可以在使用npm run dev启动的VS Code中成功调试npm Electron应用程序。在调试过程中，你可以设置断点、观察变量值，并使用VS Code提供的调试工具进行代码调试和分析。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云开发（CloudBase）。
相关·内容
当我在命令行中输入：npm run dev时，应用程序启动时没有任何问题。 "runtimeArgs": [ "dev
浏览 7提问于2018-02-04得票数 0
1回答
问题>ProjectName@1.0.0 start /workspaces/ProjectNamenpm ERR! A complete log of this run can be found in:
npm ERR!/home/node/.npm/_logs/2021-04
浏览 7提问于2021-04-30得票数 0
回答已采纳
1回答
我无法启动我的电子应用程序使用npm start，但我能够启动它使用VS代码的集成调试器。但开始使用npm start并不能启动应用程序：
npm信息如果以ok npm动词cli 'C:\Program \nodejs\node.exe，npm动词cli
浏览 0提问于2018-10-31得票数 0
我是一个Java开发人员，但我必须尝试调试一个运行在电子内部的基于节点的应用程序。我使用IntelliJ思想进行Java开发/调试，并具有WebStorm，我想调试JS应用程序。作为一名Java开发人员，我习惯于在调试模式下启动JVM/Tomcat/OSGi容器，我可以将IntelliJ作为调试器附加到其中。这允许我在不修改IntelliJ代码
浏览 1提问于2018-03-28得票数 1
安装的节点版本为8.9.4。测试脚本，它检查与Oracle的连接很好：8.9.4ok
错误显示Node.js 7.9.0正在使用，我假设7.9.0 -是VSCode调试<
浏览 0提问于2018-02-16得票数 0
5回答
和React一起开发电子应用程序。现在，为了开始工作，我运行了运行react-scripts start脚本的典型的react-scripts start命令。
这将启动dev服务器。一旦开发服务器启动，我将打开第二个终端窗口，并运行启动电子npm run start-electron的脚本，该脚本将在电子窗口中打开我的React应用程序。这如预
浏览 7提问于2020-07-31得票数 3
回答已采纳
通过this tutorial的命令，我在package.json文件中添加了这个脚本："electron-dev": "electron ."当我尝试使用该脚本运行应用程序时，该应用程序除了在App.css文件中指定的颜色#282c34之外什么都没有，并且控制台打印了这个错误： (node:13384) electron: Failed toload URL: http:&#
浏览 479提问于2021-07-06得票数 0
VS Codev1.64.2.NET Core v3.1AngularJS v1.8.2
我正在尝试使用Visual代码来调试使用.NET的AngularJS核心web应用程序。在生成.CS文件后，我能够调试放置在.NET文件中的断点:生成用于构建和调试的资产，这将在.vscode文件夹中创建启动和任务json文件。但是angularJS控制器和
浏览 2提问于2022-02-13得票数 0
我试图在带有X11转发的Docker容器中运行电子快速启动。我已经找到了所有合适的包，但是当我运行容器时，我得到了No protocol specified。我不知道我错过了什么才能让它开始工作。DockerfileRUN apt-get -y install libgtkextra-dev libgconf2-dev libnss3libasound2 libxtst-dev</e
浏览 3提问于2017-03-20得票数 7
1回答
我有一个电子应用程序和UI是使用react.js创建的。 要使我的应用程序工作，我必须在终端窗口中运行电子外壳，在另一个选项卡中，我运行发出一些js代码的webpack-dev-server。这是我为了让我的应用程序正常工作而需要做的完整设置。 我希望能够运行单个命令并启动整个应用程序。这是如何实现的？我尝试了以下几种方法： 我
浏览 26提问于2019-08-29得票数 1
回答已采纳
1回答
电子与webpack共建任务组
、、、、
我正在使用以下工具构建应用程序：这个应用程序使用热重新加载(就目前工作而言每次我想开始我的项目时，我必须在两个任务之后立即开始，这变得很烦人。必须有一种更快的方法。有没有办法让我用一个节点任务启动它们，然后它们一个接一个地启动？我必须指出的是，开发服务器必须完成编译之前
浏览 24提问于2018-06-06得票数 3
回答已采纳
我在我的电子js中有一个app应用程序，我使用electron-packager .来创建我的项目的exe文件，exe文件是完全成功生成的，但是问题是当我打开exe文件时，只有电子应用程序才会启动，因为我不做npm启动，我的app应用程序没有启动，当应用程序启动时屏幕是白色的。在开发中，我可以
浏览 3提问于2022-08-30得票数 5
3回答
节点串行口不适用于电子。
、、、、
我的任务是构建一个HTML5桌面应用程序，它与串口一起工作，因为我在COM端口的另一边有一个arduino。我同时安装了electron-prebuilt和serialport包(我在package.json中指定了它们)。在我的主页中，我包含了main.js，在那里我试图要求serialport包，但是我得到了以下错误：
未明错误:找不到模块'D:\Projects\arduino\HTMLPresentation\node_modules\serialport\build
浏览 6提问于2015-09-12得票数 5
1回答
我以前通过运行npm start-win和npm start-electron-win在windows上运行这个应用程序。RUN npm install react-scripts@3.0.1 -g
CMD ["npm", "start"]
CMD ["npm</
浏览 1提问于2020-02-11得票数 4
10回答
我想使用开发桌面应用程序，它使用通过npm安装的sqlite3包，并使用以下命令但是，它在电子浏览器控制台中出现了以下错误 "main": "index.js", "start": "electron</e
浏览 0提问于2015-09-10得票数 105
2回答
我对电子(Atom-shell)很陌生，我正在尝试将一个NodeJS插件加载到我正在构建的应用程序中，但我不知道如何加载。这方面的文件还不清楚。例如，我试图在我的应用程序中使用sqlite3插件，我使用了npm install sqlite3，并成功地安装了它。但是，当我试图将其称为var sqlite = require('sqlite3')时，应用程序会抛出并出错。还有什么我不知道的步骤吗？
浏览 3提问于2015-09-04得票数 2
回答已采纳
13回答
我以前使用gulp和运行gulp从启动我的应用程序和侦听器，但最近需要切换到通过npm运行脚本。不幸的是，在VSCode中，我不能通过调试器运行npm脚本，所以我不得不求助于运行节点来直接启动我的服务器，这样就摆脱了自动重新加载代码的侦听器任务。这看起来应该很简单，但到目前为止，我没有太多的运气。下面是我的launch.json
浏览 495提问于2016-01-17得票数 84
1回答
我已经用npx create-electron-app electron --template=webpack创建了一个电子伪造应用程序。然后我做了npm install webpack-dev-server
在我的webpack.renderer.config.js中，我开始添加一个带有proxy和before节的devServer节，但是当我使用npm run start时，这些部分将被忽略。<
浏览 3提问于2021-04-01得票数 0
1回答
我是用Next.js + Electron + Typescript开发的。我使用npx create-next-app --example with-electron-typescript命令生成代码。npm run dev (内容为npm run build-electron && electron . )，似乎本地服务器已在localhost8000上
浏览 9提问于2021-06-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
