La création d'un Électron de l'app à l'aide de Visual Studio (pas VSCode) w/ Node.js outils

Je suis en train d'utiliser Visual Studio (pas VSCode) pour créer un simple Électron app. Je suis en train de faire via le Node.js outils pour Visual Studio (v1.1) l'extension. Je suis à l'aide de la base de démarrage rapide de l'application qui fonctionne très bien si je le lance via npm départ, mais si je le lance via Visual Studio, j'obtiens le message d'erreur suivant au démarrage:

"Impossible de trouver le module 'électronique' sur la première ligne:
const electron = require('electron');

Puis-je indiquer à Visual Studio pour le lancement de l'Électron application d'abord avant de commencer, il est node.js débogueur? Quelqu'un d'autre a eu ce jeu pour travailler?

OriginalL'auteur Mike Oliver | 2016-02-15

  1. 39

    C'est possible. Essayez de faire ce qui est ci-dessous:

    • Créer un vide Node.js console JavaScript application dans Visual Studio. Vous avez besoin d'un
      la version récente du nœud installé je pense: j'ai 5.6.0. J'utilise VS 2015.

    • Ajouter une section des dépendances du paquet.json qui est créé et
      référence de l'électron. J'ai référencé 0.36.2 comme ci-dessous comme c'est le
      la version que j'ai utilisé:

      "dépendances": { "électron-prêts à l'emploi": "0.36.2" },

    • Cela met une entrée dans l'Explorateur de solutions, en vertu de la ngp, ainsi fait
      l'installer, vous pouvez droit-cliquez sur install package npm (ou un incendie, une
      l'invite de commande et ne npm install).
    • Copiez le code de l'électron-quick-start sur GitHub: créer un index.html le même que celui sur GitHub, et collez le démarrage rapide main.js contenu dans app.js. Il n'y a pas besoin de le renommer.
    • Allez dans les propriétés de l'application de console fichier de projet. Où il est dit "Nœud exe chemin:" mettre le chemin d'accès à electron.exe qui a été installé à, qui est dans le sous-dossier node_modules\electron-prebuilt\dist\electron.exe.
    • Mettre un point d'arrêt sur la première ligne de createWindow dans votre app.js.
    • Commencer à déboguer: il va se casser au point d'arrêt et si vous continuez, il va montrer la base de l'électron app.

    C'est bien beau tout ça, mais combien il est utile dépend de ce que vous voulez vraiment Visual Studio pour le faire pour vous. Il ne se brisent sur le thread principal, bien que vous pouvez déboguer le convertisseur de threads à l'aide de google Chrome dev tools comme d'habitude. Je trouve le nœud outils apps un peu limite. Peut-être l'un des autres types de projet serait mieux.

    Modifier en Mai 2017: Cela fonctionne encore avec Visual Studio 2017 et de l'électron 1.6.6 et le courant électron-quick-start, ainsi que L'électron propre de démarrage rapide code. Vous pouvez maintenant installer 'électronique' au lieu de 'électron-prêts à l'emploi' ("dépendances": { "électron": "1.6.6" },).

    Modifier novembre 2017: Cette approche arrêté de travailler avec des électrons 1.7.x et versions ultérieures. Il travaille toujours dans l'électron 1.6.versions x, des électrons sont toujours de la relâcher. Dans les versions 1.7.x et plus tard, vous pouvez suivre les étapes ci-dessus, mais Visual Studio ne seront pas immédiatement pause lorsque vous démarrez en debug. Au lieu de cela, vous devrez en outre:

    • Ajouter "--inspecter-brk' sous 'Node.exe les options dans les Propriétés du Projet.
    • Commencer à déboguer
    • Dans Visual Studio ne Debug/Attach to Process, fixez-le à l'Webkit websocket processushttp://127.0.0.1:5858'
    • Le code devrait casser et vous pouvez frapper continuer.

    Plus de détails et photos, sont dans un autre réponse sur un Débordement de Pile.

    Fonctionne très bien avec le dernier électron (1.26)
    A essayé avec d'électrons 1.3.3 mais les points d'arrêt ne jamais frapper. Toutes les suggestions?
    Pour Visual Studio 2017 j'ai eu aussi cocher l'option "Démarrer le navigateur web sur le lancement".
    Je n'ai pas à vérifier. (VS2017, Node.js 7.4.0, Chrome 56.0.2924.87, et de l'Électron 1.6.5)
    Aucun moyen de charger l'électron fenêtre, et non pas le sous-jacent de la fenêtre de console?

    OriginalL'auteur