Plattformübergreifende Desktop-Anwendungen mit JavaScript, HTML und CSS entwickeln

Veröffentlichungen

$ npm i -D electron@latest
# Electron   8.0.1
# Node       12.13.0
# Chromium   80.0.3987.86
$ npm i -D electron@beta
# Electron   9.0.0-beta.2
# Node       12.14.1
# Chromium   82.0.4048.0
$ npm i -D electron-nightly
# Electron   10.0.0-nightly.20200216
# Node       12.15.0
# Chromium   82.0.4050.0

Es ist einfacher, als Sie denken

Sind Sie in der Lage eine Website zu erstellen? Dann können Sie auch eine Desktop-Anwendung entwickeln! Electron ist ein Framework, mit dem Sie Webtechnologien wie JavaScript, HTML und CSS nutzen, um native Desktop-Applikationen zu erstellen. Wir kümmern uns um die kniffligen Dinge — und Sie um den Kern der Anwendung.

Das Video anschauen


Web-Technologien

Electron verwendet Chromium und Node.js, damit Sie Ihre App mit HTML, CSS und JavaScript entwickeln können.

Open Source

Electron ist ein von GitHub und einer aktiven Community von Mitwirkenden gepflegtes Open-Source-Projekt.

Plattformübergreifend

Electron-Apps können unter MacOS, Windows und Linux entwickelt, erstellt und ausgeführt werden.

Die schweren Dinge leicht gemacht

Erste Schritte

Schauen Sie sich für den Einstieg mit Electron die unten aufgelisteten Ressourcen an. Lernen Sie, wie Sie Ihre Web-App in Electron einbetten, alle APIs ansprechen und letztlich Installer für Ihre Anwendung generieren.

Erkunden Sie die Electron-APIs

Die Electron API Demos App demonstriert auf interaktive Weise die wichtigsten Bestandteile der Electron API. Sehen Sie sich mithilfe von Beispielcode an, was alles mit Electron möglich ist und erhalten Sie hilfreiche Tipps zum Entwickeln Ihrer Anwendung.

Von GitHub herunterladen


Versuche mehr leistungsfähige Experimente mit Electron Fiddle

Electron Fiddle ermöglicht es dir, kleine Electron-Experimente zu erstellen und zu spielen. Es begrüßt dich nach dem Öffnen mit einer Schnellstart-Vorlage – ändere einige Dinge, wähle die Version von Electron, mit der du sie ausführen möchtest und spielst. Dann speichere deinen Fiddle entweder als GitHub Gist oder in einen lokalen Ordner. Sobald er auf GitHub gedrückt wurde, kannst du deinen Fiddle schnell ausprobieren, indem du ihn in die Adressleiste eingibst.

Von GitHub herunterladen Weitere Infos anzeigen


Starten Sie mit der Quick-Start-App, um Electron in Aktion zu sehen:

Eine minimale Electron-App mit hilfreichen Anmerkungen.

# Das Quick-Start Repository klonen
$ git clone https://github.com/electron/electron-quick-start

# Das Repository öffnen
$ cd electron-quick-start

# Die Abhängigkeiten installieren und ausführen
$ npm install && npm start

Oder tauchen Sie tiefer ein und lesen Sie die Dokumentation.

Benötigen Sie Hilfe?

Stellen Sie Fragen im Diskussionsforum oder in unserem Slack-Kanal. Folgen Sie @electronjs auf Twitter für wichtige Ankündigungen. Möchten Sie uns persönlich erreichen? Dann schreiben Sie eine E-Mail an electron@github.com.

Mit Electron erstellt

Anfangs entwickelt für GitHubs Atomeditor, wurde Electron von Unternehmen weltweit übernommen.


Mit Electron ist die Erstellung einer Desktop-Anwendung für Ihr Unternehmen oder Ihre Idee einfach. Schau dir einige der von der Community erstellten Apps an oder füge deine eigene hinzu.

Mehr Apps anzeigen oder eigene App einreichen.

Tastenkürzel

Schlüssel Aktion
/ Suchleiste fokussieren
Esc Fokussiert die Suchleiste und leert diese
Nächstes Suchergebnis auswählen
Vorheriges Suchergebnis auswählen
Enter Ausgewähltes Suchergebnis öffnen
cmdEnter Ctrl+Enter Das ausgewählte Suchergebnis in einem neuen Tab öffnen