使用带有Node.js工具的Visual Studio（而非VSCode）创建Electron应用程序

Question

我正在尝试使用Visual Studio（而不是VSCode）来创建一个简单的Electron应用程序。我是通过Visual Studio（v1.1）扩展的Node.js工具这样做的。我正在使用基本的快速启动应用程序，如果我通过npm启动启动，但如果我通过Visual Studio启动，我在启动时会收到以下错误：

  

'在第一行找不到模块'电子'：
  const electron = require('electron');

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

Answer 1

这是可能的。尝试做下面的事情：

• 在Visual Studio中创建一个空白的Node.js JavaScript控制台应用程序。你需要一个 最新版本的节点安装我认为：我有5.6.0。我正在使用VS 2015。

• 将依赖项部分添加到已创建的package.json中 参考电子。我引用了0.36.2，如下所示 版本I一直在使用：

  ＆＃34;依赖＆＃34;：{＆＃34;电子预制＆＃34;：＆＃34; 0.36.2＆＃34; }，

• 这会在npm下的解决方案资源管理器中输入一个条目，所以实际上 安装它你可以右键单击/安装npm包（或启动一个 命令提示符并执行npm install）。
• 从GitHub上的electron-quick-start复制代码：创建一个与GitHub相同的index.html，并将快速启动main.js内容粘贴到app.js.没有必要重命名它。
• 转到控制台应用程序项目文件的属性。它所说的“节点exe路径：＆＃39;将路径放到已安装的electron.exe中，该路径位于子文件夹node_modules \ electron-prebuilt \ dist \ electron.exe。
• 在app.js的第一行createWindow上放置一个断点。
• 从调试开始：它将在断点处中断，如果继续，它将显示基本的电子应用程序。

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

2017年5月编辑：这仍适用于Visual Studio 2017和电子1.6.6以及当前electron-quick-start以及Electron's own quick start code。你现在可以安装电子＆＃39;而不是电子预制的＆＃39; （＆＃34;依赖＆＃34;：{＆＃34;电子＆＃34;：＆＃34; 1.6.6＆＃34;}，）。

2017年11月编辑：此方法已停止使用电子1.7.x及更高版本。它仍然适用于电子1.6.x版本，电子仍在发布。在1.7.x及更高版本中，您可以按照上述步骤操作，但在调试开始时Visual Studio不会立即中断。相反，你将不得不另外：

• 添加＆＃39; - inspect-brk＆＃39; “项目属性”中的“Node.exe”选项。
• 启动调试
• 在Visual Studio中调试/附加到进程，附加到Webkit websocket进程＆＃39; http://127.0.0.1:5858＆＃39;
• 代码应该中断，你可以点击继续。

更多细节和图片位于另一个answer on Stack Overflow。