Electron fonctionne-t-il sur Visual Studio Code?

Si oui, comment configurer un environnement simple dans lequel je peux écrire / webuger un script Atom Electron à l'aide de Visual Studio Code?

Par exemple I avec ce script Test.js ;

var app = require('app');

process.on('uncaughtException', function(error) {
    console.error("ERROR Exception => " + error.stack);
})

app.on('ready', function() {
    console.log('ready!');
    aksjdflkasjdf(); // Caught Exception
})

Pour Visual Studio Code, il existe un fichier de configuration launch.json mais je ne dis pas comment configurer Visual Studio Code prêt pour le travail Electron.

3
LeMoussel 15 juil. 2015 à 14:40

2 réponses

Meilleure réponse

La réponse varie selon que vous souhaitez déboguer le processus principal ou un processus de rendu.

Processus principal:

Il est possible de déboguer le processus principal à l'aide de Visual Studio Code. Vous devez passer --debug=<port> dans Electron au démarrage, puis configurer le débogueur dans launch.json pour s'y attacher. La connexion prend un peu de temps, vous devrez peut-être attendre pour déboguer les pièces qui s'exécutent au démarrage. Votre fichier launch.json devrait avoir ceci:

    {
        "name": "Attach",
        "type": "node",
        "address": "localhost",
        "port": <port>,
    }

Il existe également un moyen de configurer Visual Studio Code pour exécuter Electron et attacher le débogueur dans le même processus. Vérifiez ce fil ici: Visual Studio Code peut-il être configuré pour lancer électron. J'ai également écrit sur la façon de configurer cela sur mon blog ici: https://mylifeforthecode.github.io/getting-started-with-electron-in-visual-studio-code/ et ici: https://mylifeforthecode.github.io/a-better-way-to-launch-electron -from-visual-studio-code /

Processus de rendu:

Je ne connais pas un moyen de déboguer un processus de rendu avec Visual Studio Code. Par leur documentation:

Aujourd'hui, nous avons un bon support de débogage pour Node.js (JavaScript et TypeScript) sur toutes les plates-formes et un support expérimental pour mono (C # et F #) sur OS X et Linux. À // build, nous avons mis en évidence la prise en charge que nous ajoutons pour ASP.NET 5 et nous prévoyons d'en ajouter d'autres.

Consultez https://code.visualstudio.com/docs/debugging. Notez qu'il n'y a aucune mention de JavaScript dans le navigateur.

Cependant, vous pouvez utiliser les DevTools de Chrome pour déboguer ces processus. Appelez la méthode openDevTools() ou toggleDevTools() sur la BrowserWindow et vous obtiendrez le même ensemble d'outils que si vous appuyez sur F12 dans Chrome. Vous devrez résoudre certains problèmes de synchronisation pour attacher le débogueur. Consultez ce fil de discussion: Atom Electron - Detect Dev Tools Ready pour un travail autour. J'ai également écrit à ce sujet sur mon blog ici: https: //mylifeforthecode.github .io / debugging-renderer-process-in-electron /.

3
Shawn Rakowski 31 mars 2020 à 01:24

J'ai écrit un article de blog sur ce sujet: http://code.matsu.io/1

J'ai couvert le débogage du processus principal et du processus de rendu, et la méthode que j'ai utilisée fonctionne sur toutes les plates-formes, y compris Windows.

Le code est à: https://github.com/octref/vscode-electron-debug

1
octref 19 sept. 2016 à 01:18