Создание приложения Electron с использованием Visual Studio (не VSCode) с инструментами w630>.js

Я пытаюсь использовать Visual Studio (а не VSCode) для создания простого приложения Electron. Я делаю это с помощью инструментов Node.js для расширения Visual Studio (v1.1). Я использую основное приложение быстрого запуска, которое отлично работает, если я запускаю через запуск npm, но если я запускаю через Visual Studio, я получаю следующую ошибку при запуске:

'Невозможно найти модуль "электрон" на первой строке:
const electron = require('electron');

Можно ли сообщить Visual Studio запустить приложение Electron, прежде чем запускать его Node.js отладчик? Кто-нибудь еще получил эту настройку для работы вообще?

ОТВЕТЫ

Ответ 1

Это возможно. Попробуйте сделать то, что ниже:

  • Создайте пустое консольное приложение JavaScript Node.js в Visual Studio. Тебе необходимо последняя версия установленного узла, я думаю: у меня есть 5.6.0. Я использую VS 2015.

  • Добавьте раздел зависимостей в package.json, который создал и опорный электрон. Я сослался на 0.36.2, как показано ниже версия, которую я использовал:

    "зависимости": {"электронная сборка": "0.36.2"},

  • Это помещает запись в Solution Explorer под npm, так что на самом деле установить его вы можете щелкнуть правой кнопкой мыши/установить пакет npm (или запустить командной строки и выполните установку npm).
  • Скопируйте код из электронного быстрого запуска на GitHub: создайте index.html, такой же, как на GitHub, и вставьте содержимое быстрого запуска main.js в app.js. Там нет необходимости переименовывать его.
  • Перейдите в свойства файла проекта консольного приложения. Там, где написано "Node exe path:", укажите путь к установленному Electron.exe, который находится в подпапке node_modules\Electron-prebuilt\dist\Electron.exe.
  • Поместите точку останова в первую строку createWindow в вашем app.js.
  • Начните с отладки: он сломается в точке останова и, если вы продолжите, покажет основное электронное приложение.

Это все хорошо, но насколько это полезно, зависит от того, что вы действительно хотите, чтобы Visual Studio сделала для вас. Он будет прерываться только в главном потоке, хотя вы можете отлаживать потоки рендеринга с помощью инструментов разработчика Chrome, как обычно. Я считаю, что инструменты для работы с узлами немного ограничены. Может быть, один из других типов проектов будет лучше.

Изменить май 2017 г.: это по-прежнему работает с Visual Studio 2017 и электроникой 1.6.6 и текущим электронным быстрым стартом, а также собственным кодом быстрого запуска Electron. Теперь вы можете установить "электрон" вместо "готовый электрон" ("зависимости": {"электрон": "1.6.6"},).

Редактировать ноябрь 2017 года: этот подход перестал работать с электроном 1.7.x и позже. Это все еще работает в версии 1.6.x электрона, который электрон все еще выпускает. В версиях 1.7.x и более поздних вы можете выполнить описанные выше шаги, но Visual Studio не сразу прекратит работу при запуске в режиме отладки. Вместо этого вам придется дополнительно:

  • Добавьте "--inspect-brk" в разделе "Параметры Node.exe" в свойствах проекта.
  • Начать в отладке
  • В Visual Studio выполните отладку/присоединение к процессу, присоедините к процессу веб-сокета Webkit 'http://127.0.0.1:5858'
  • Код должен сломаться, и вы можете нажать продолжить.

Более подробную информацию и фотографии можно найти в другом ответе на Qaru.