使用Visual Studio（而不是VSCode）和节点创建电子应用程序。js工具

Question

我正在尝试使用VisualStudio（不是VSCode）创建一个简单的电子应用程序。我是通过节点来实现的。JSToolsforVisualStudio（v1.1）扩展。我使用的是基本的快速启动应用程序，如果我通过npm start启动，该应用程序可以正常工作，但是如果我通过Visual Studio启动，启动时会出现以下错误：

'在第一行找不到模块'electron'：
const electron=require（'electron'）

我可以告诉VisualStudio在启动Electron应用程序的节点之前先启动它吗。js调试器？还有其他人把它设置好工作了吗？




Answer 1

这是可能的：

>

创建一个空白节点。Visual Studio中的js JavaScript控制台应用程序。你需要安装一个最新版本的node，我想：我有12.18。3.我正在使用VS2019社区。

向创建和引用电子的package.json添加依赖项部分。我引用了11.0.1如下：

"依赖"：{"电子"："11.0.1"}，

这将在解决方案资源管理器中的npm下放置一个条目，因此要真正安装它，您可以右键单击/install npm package（或启动命令提示符并执行npm安装）。

从GitHub上的electron quick start复制代码：创建索引。html和预加载。js文件，并将GitHub中的代码粘贴到其中。同时粘贴快速入门主界面。将内容添加到应用程序中。js。没有必要重命名它。

转到控制台应用项目文件的属性。其中显示'Node exe path：'，将路径放入已安装的electron.exe，该路径位于子文件夹node_modules\Electronics\dist\electron.exe.

在应用程序中createWindow的第一行上放置断点。js。

在调试中开始。它应该在断点中断，如果你继续它将显示基本的电子应用程序。这是一个电子窗口，里面有一条消息： e. g.你好，世界！我们使用Node.js12.18.3、Chromium87.0.4280.60和电子11.0.1。'

这一切都很好，但是它有多有用取决于您真正希望Visual Studio为您做什么。它只会在主线程上中断，尽管您可以像往常一样使用Chrome开发工具调试渲染器线程。我发现节点工具应用程序有点限制。也许其他项目类型中的一个会更好。

此答案于2020年11月更新，之前的答案已删除。请注意，像往常一样，在npm世界中，随着时间的推移，事情往往会破裂：如果事情不适合你，请发表评论。