node.js - 使用带有 Node.js 工具的 Visual Studio(不是 VSCode)创建一个 Electron 应用程序

Question

我正在尝试使用 Visual Studio(不是 VSCode)来创建一个简单的 Electron 应用程序。我是通过 Visual Studio (v1.1) 扩展的 Node.js 工具来实现的。我正在使用基本的快速启动应用程序，如果我通过 npm start 启动它可以正常工作，但如果我通过 Visual Studio 启动，我会在启动时收到以下错误:

'Cannot find module 'electron' on the first line:
const electron = require('electron');

我可以告诉 Visual Studio 在启动它的 node.js 调试器之前先启动 Electron 应用程序吗？有没有其他人让这个设置可以工作？

Answer 1

这是可能的:

• 在 Visual Studio 中创建一个空白的 Node.js JavaScript 控制台应用。我认为您需要安装最新版本的 Node :我有 12.18.3。我正在使用 VS 2019 社区。

• 在创建的 package.json 中添加一个依赖部分并引用 Electron 。我引用了 11.0.1 如下:

  “依赖”:{“Electron ”:“11.0.1”}，

• 这会在 npm 下的解决方案资源管理器中添加一个条目，因此实际上 安装它，您可以右键单击/安装 npm 包(或启动一个 命令提示符并执行 npm install)。

• 从 electron-quick-start on GitHub 复制代码:在 Visual Studio 项目中创建 index.html 和 preload.js 文件，并将 GitHub 中的代码粘贴到其中。还将快速启动 main.js 的内容粘贴到 app.js 中。无需重命名。

• 转到控制台应用项目文件的属性。上面写着“Node exe path:”的地方放了安装的electron.exe的路径，它位于子文件夹node_modules\electron\dist\electron.exe中。

• 在你的 app.js 中 createWindow 的第一行放置一个断点。

• 开始调试。它应该在断点处中断，如果继续，它将显示基本的 Electron 应用程序。这是一个带有消息的 Electron 窗口:例如' Hello World !我们正在使用 Node.js 12.18.3、Chromium 87.0.4280.60 和 Electron 11.0.1。'

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

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