使用Visual Studio(不是VSCode)和Node.js工具创build一个Electron应用程序

我试图使用Visual Studio(而不是VSCode)来创build一个简单的电子应用程序。 我正在通过用于Visual Studio(v1.1)扩展的Node.js工具来实现。 我正在使用基本的快速启动应用程序,如果我通过npm启动,但如果我启动通过Visual Studio工作正常,我得到启动时出现以下错误:

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

我可以告诉Visual Studio在启动它的node.jsdebugging器之前先启动Electron应用程序吗? 有没有人得到这个设置工作呢?

       

网上收集的解决方案 "使用Visual Studio(不是VSCode)和Node.js工具创build一个Electron应用程序"

这个有可能。 尝试做下面的事情:

  • 在Visual Studio中创build一个空的Node.js JavaScript控制台应用程序。 你需要安装最新版本的节点我想:我有5.6.0。 我正在使用VS 2015。
  • 添加一个依赖关系部分到创build的package.json中并引用electron。 我引用了0.36.2,因为这是我一直使用的版本:

    “依赖”:{“电子预构build”:“0.36.2”},

  • 这将在npm下的解决scheme资源pipe理器中input一个条目,因此要实际安装它,您可以右键单击/安装npm包(或者启动命令提示符并执行npm install)。
  • 从GitHub上的电子快速入门复制代码:创build一个与GitHub上相同的index.html,并将快速入门main.js内容粘贴到app.js中。 没有必要重命名它。
  • 转到控制台应用程序项目文件的属性。 它说'节点exepath:'把path安装,这是在子文件夹node_modules \ electron-prebuilt \ dist \ electron.exe安装electron.exe。
  • 在app.js的createWindow的第一行放置一个断点。
  • 从debugging开始:它将在断点处断开,如果继续,将显示基本电子应用程序。

这一切都很好,但是它的实用性取决于你真正想让Visual Studio为你做什么。 它只会在主线程中断开,尽pipe您可以照常使用Chrome开发工具来debugging渲染器线程。 我发现节点工具应用程序有一点限制。 也许其他项目types会更好。

编辑2017年5月 :这仍然适用于Visual Studio 2017和电子1.6.6和当前的电子快速启动 ,以及电子自己的快速启动代码 。 你现在可以安装'electron'而不是'electron-prebuilt'(“dependencies”:{“electron”:“1.6.6”})。

编辑2017年11月 :这种方法停止使用电子1.7.x和更高版本。 它仍然在电子1.6.x版本,电子还在释放。 在版本1.7.x和更高版本中,您可以按照上面的步骤进行操作,但是在开始debugging时Visual Studio不会立即中断。 相反,你将不得不另外:

  • 在“项目属性”的“Node.exe”选项下添加“–inspect-brk”。
  • 开始debugging
  • 在Visual Studio中执行Debug / Attach to Process,附加到Webkit websocket进程' http://127.0.0.1:5858 '
  • 代码应该打破,你可以继续下去。

更多的细节和图片, 在Stack Overflow的另一个答案 。