Eine moderne Lösung für Desktop-Anwendungen
Electron baut Desktop-Apps aus Webtechnologien - eine Codebasis für Windows, macOS und Linux.
Vorteile von Electron:
1. Universalität
Electron erleichtert Entwicklern die Erstellung von Desktop-Anwendungen mit vertrauten Web-Technologien und macht den Entwicklungsprozess dadurch für Programmierer mit unterschiedlichem Erfahrungsstand einfacher
2. Plattformübergreifende Kompatibilität
Mit Electron entwickelte Anwendungen laufen problemlos auf unterschiedlichen Betriebssystemen und erhöhen so Reichweite und Zugänglichkeit für die Nutzer.
3. Community-Support
Electron ist in Entwickler-Communitys sehr beliebt, wodurch ein umfangreiches Ökosystem an Bibliotheken, Tools und Erweiterungen zur Verfügung steht.
4. Updates
Dank der Möglichkeit, Anwendungen aus der Ferne zu aktualisieren, können Entwickler schnell Fixes und neue Funktionen bereitstellen - ohne aufwändige Installationsprozesse für die Nutzer.
Nachteile von Electron:
1. Ressourcenintensiv
Electron-Anwendungen können ressourcenintensiv sein, da sie eine integrierte Browser-Engine nutzen, was zu höherem Arbeitsspeicher- und CPU-Verbrauch führen kann.
2. Anwendungsgröße
Da jede Electron-Anwendung eine Browser-Engine enthält, können die Installationsdateien größer ausfallen als bei herkömmlichen Desktop-Anwendungen.
So verwendest du Electron:
Um mit Electron loszulegen und deine eigene Desktop-Anwendung zu bauen, kannst du diesen Schritten folgen oder einfach die Website besuchen:
Node.js installieren
Stelle sicher, dass Node.js auf deinem Computer installiert ist. Electron baut auf Node.js auf, daher ist die Installation unerlässlich.
ein neues Verzeichnis für dein Projekt anlegen
Öffne dein Terminal oder die Eingabeaufforderung, navigiere zu dem Verzeichnis, in dem du dein Electron-Projekt anlegen möchtest, und erstelle dort ein neues Verzeichnis dafür.
dein Projekt initialisieren
Führe im neu angelegten Verzeichnis den Befehl
npm initaus, um ein neues Node.js-Projekt zu initialisieren. Folge den Anweisungen, um dein Projekt einzurichten.
1npm init
Electron installieren
Sobald dein Projekt initialisiert ist, installiere Electron als Abhängigkeit, indem du
npm install electronausführst.
1npm install electron --save-dev
deine main.js-Datei erstellen
Erstelle in deinem Projektverzeichnis eine Datei mit dem Namen
main.js. Diese Datei enthält den Hauptprozess-Code deiner Electron-Anwendung.
deinen Electron-Code schreiben
Schreibe den notwendigen Code in main.js, um das Hauptfenster deiner Electron-Anwendung zu erstellen und ihre Funktionalität zu steuern.
deine Electron-Anwendung ausführen
Nachdem du deinen Electron-Code geschrieben hast, speichere main.js und führe deine Electron-Anwendung anschließend mit dem Befehl
electron .in deinem Projektverzeichnis aus.
Beispiele für Electron-Anwendungen:
Slack
Eines der bekanntesten Beispiele für mit Electron entwickelte Anwendungen ist Slack - eine Kommunikationsplattform, die von Unternehmen und Teams für die interne Kommunikation genutzt wird.
Visual Studio Code
Visual Studio Code, ein Programmier-Tool, wurde mit Electron entwickelt und ermöglicht es Entwicklern, Quellcode auf unterschiedlichen Plattformen zu bearbeiten.
Discord
Die Discord-Anwendung, beliebt bei Gamern und Online-Communities, nutzt ebenfalls Electron, um eine interaktive Kommunikationsumgebung zu schaffen.
Zusammenfassung:
Electron ist ein leistungsstarkes Tool, mit dem Entwickler Desktop-Anwendungen unter Verwendung vertrauter Web-Technologien erstellen können. Trotz gewisser Nachteile wie der Ressourcenintensität machen die Vorteile dieser Plattform - etwa Universalität und Community-Support - sie zu einer attraktiven Wahl für viele Projekte. Beispiele wie Slack, Visual Studio Code und Discord zeigen, dass Electron großes Potenzial hat und in unterschiedlichsten Bereichen und für unterschiedliche Zwecke eingesetzt werden kann.
Lust, gemeinsam zu kochen?
Ob Idee, Refactor oder Neubau — erzähl uns kurz von deinem Projekt. Wir melden uns innerhalb von 24 Stunden.
Weiterlesen
14. Jul 2026
WiFi Vouchers für UniFi: Gäste-WLAN in Sekunden
Wir haben eine kleine App gebaut, mit der wir Besucher:innen in Sekunden ins Gäste-WLAN bringen. Ohne UniFi Controller. Kostenlos für alle.
08. Jul 2026
Triff Sushi beim WeAreDevelopers in Berlin
Wir sind beim WeAreDevelopers World Congress in Berlin und treffen uns gerne mit dir zum Austauschen. Sprich uns einfach an oder sichere dir vorab einen entspannten Kaffee-Slot.
15. Jun 2026
Responsive Images: Der komplette Guide zu srcset & sizes
Responsive Images ohne Handwedeln: wie srcset und sizes wirklich funktionieren, picture für Art Direction — und wie du die Varianten generierst, statt sie von Hand zu pflegen.