Abo
  • Services:
Anzeige
Githubs Atom bildet auch die Grundlage für Visual Studio Code.
Githubs Atom bildet auch die Grundlage für Visual Studio Code. (Bild: Kristian Kißling - Linux Magazin)

Hackbar bis zum Kern und Fazit

Ein weiteres Plus von Atom ist die Möglichkeit, die Software weitgehend zu modifizieren. Ein Package Generator erzeugt dafür ein Skeleton für ein Paket, das im Test klassischerweise hello-world heißen soll. Das Paket tut nichts weiter, als ein Fenster mit der "Hallo-Welt"-Nachricht anzuzeigen.

Über Strg+Shift+P wird dann die Befehlssuche gestartet, um Package Generator: Generate Package aufzurufen. Der dabei erzeugte Boilerplate-Code landet im Verzeichnis github/Projektname, wobei der Projektname im Beispiel hello-world lautet. Zugleich erscheint der erzeugte Baum von Verzeichnissen in der Ansicht links.

Anzeige
  • Atom besteht aus mehreren flexibel verschiebbaren Bereichen, den sogenannten Panes. (Bild: Kristian Kißling - Linux Magazin)
  • Das Hello-world-Paket holt ein unspektakuläres Fenster mit den entsprechenden Worten in den Editor.  (Bild: Kristian Kißling - Linux Magazin)
  • In der Tree-View links lässt sich die Struktur des automatisch erzeugten Pakets betrachten. Rechts zu sehen ist der Code, der sich um die Programmlogik kümmert.  (Bild: Kristian Kißling - Linux Magazin)
  • Die Datei package.json liegt im Wurzelverzeichnis eines Pakets und enthält Metadaten wie den Pfad zur ausführbaren Datei und die Versionsnummer.  (Bild: Kristian Kißling - Linux Magazin)
Das Hello-world-Paket holt ein unspektakuläres Fenster mit den entsprechenden Worten in den Editor. (Bild: Kristian Kißling - Linux Magazin)

Die darin sichtbare vorletzte Datei heißt package.json. Sie enthält verschiedene Meta-Informationen zum Paket, darunter den Namen, die Versionsnummer, das potenzielle Github-Repository, aber auch den Pfad zu den ausführbaren Dateien im Unterverzeichnis lib.

Dieses Unterverzeichnis enthält gleich zwei Dateien: hello-world.coffee und hello-world-view.coffee. Während Letztere die Elemente für die grafische Oberfläche arrangiert, enthält erstere den Code mit der Logik für das Paket. Die Methoden activate, deactivate, serialize und toggle sind per Folding gekürzt, die Struktur des Codes wird im Folgenden sichtbar.

lib/hello-world.coffee

  1. [...]
  2. activate: (state) ->
  3. @helloWorldView = new HelloWorldView (state.helloWorldViewState)
  4. @modalPanel = atom.workspace.addModalPanel(
  5. item: @helloWorldView.getElement(),
  6. visible: false)
  7.  
  8. # Atom-Events lassen sich über CompositeDisposable einfach aufräumen
  9. @subscriptions = new CompositeDisposable
  10.  
  11. # @toggle()-Methode mit 'hello-world:toggle' verknüpfen
  12. @subscriptions.add atom.commands.add
  13. 'atom-workspace', 'hello-world:toggle': => @toggle()
  14.  
  15. deactivate: ->
  16. @modalPanel.destroy()
  17. @subscriptions.dispose()
  18. @helloWorldView.destroy()
  19.  
  20. serialize: ->
  21. helloWorldViewState: @helloWorldView.serialize()
  22.  
  23. toggle: ->
  24. console.log 'HelloWorld was toggled!'
  25.  
  26. if @modalPanel.isVisible()
  27. @modalPanel.hide()
  28. else
  29. @modalPanel.show()

Die ersten drei der vier Methoden in hello-world.coffee gehören in der Regel fest zu einem Paket. Die activate()-Methode erzeugt ein modales UI-Element (ModalPanel) und pinnt es an Atoms Arbeitsfläche. Die subscriptions()-Methode ordnet den später definierten Menü-Eintrag der Methode @toggle() zu, die optional für ein Paket ist. Sie sorgt dafür, dass unter dem Menüpunkt Packages ein Eintrag für hello-world auftaucht. Wer in dessen Submenü auf Toggle klickt oder Alt+Strg+O drückt, sieht das entsprechende Fenster auftauchen oder verschwinden.

Die Details im Menü sind anpassbar, was das nachfolgende simple Schema zeigt. Es findet sich im Ordner menus in der Datei hello-world.cson und erzeugt einen Eintrag für das Kontextmenü und für das Atom-Menü.

menus/hello-world.cson

  1. 'context-menu':
  2. 'atom-text-editor': [
  3. {
  4. 'label': 'Toggle hello-world'
  5. 'command': 'hello-world:toggle'
  6. }
  7. ]
  8. 'menu': [
  9. {
  10. 'label': 'Packages'
  11. 'submenu': [
  12. 'label': 'hello-world'
  13. 'submenu': [
  14. {
  15. 'label': 'Toggle'
  16. 'command': 'hello-world:toggle'
  17. }
  18. ]
  19. ]
  20. }
  21. ]

Der nächste Codeblock erzeugt das Root-Element (@element) und ordnet diesem das Nachrichten-Element message als Child zu. Darunter legt der Code fest, wie das Element auf getElement()- und destroy()-Aufrufe reagiert.

lib/hello-world-view.coffee

  1. module.exports =
  2. class HelloWorldView
  3. constructor: (serializedState) ->
  4. # Root-Element erzeugen
  5. @element = document.createElement('div')
  6. @element.classList.add('hello-world')
  7.  
  8. # Nachrichten-Element erzeugen
  9. message = document.createElement('div')
  10. message.textContent = "Hallo Welt!"
  11. message.classList.add('message')
  12. @element.appendChild(message)
  13.  
  14. # Gibt ein Objekt zurück, wenn der Nutzer das Paket aktiviert
  15. serialize: ->
  16.  
  17. # Element entfernen
  18. destroy: ->
  19. @element.remove()
  20.  
  21. getElement: ->
  22. @element

Zusätzlich zu den gezeigten Optionen lässt sich noch der Stil in einer Less-Datei ändern (unter styles), ein Tastaturkürzel festlegen (keymaps) und Spezifikationen für Tests erstellen (spec). Mit den Specs lassen sich Funktionen gegen Regressionen testen, die Atom-Macher setzen dafür auf das hauseigene Javascript-Test-Framework Jasmine.

Fazit

Für eine Version 1.0 macht Atom bereits einen soliden Eindruck und ist tatsächlich einfach und tiefgehend konfigurierbar. Nutzern des Editors Sublime Text dürften viele Elemente bekannt vorkommen, offenbar haben sich die Entwickler kräftig bei der proprietären Python-Software bedient. Sicherlich versprechen sich die Macher dank der guten Github-Anbindung des Editors auch eine neue und dauerhafte Nutzerbasis für ihre Codeplattform.

Doch braucht auch Atom ein wenig Einarbeitungszeit. Defizite hat der Editor noch bei der Reaktionszeit des Use Interface und im Umgang mit großen Dateien. Auch die Installation zeigt sich etwas hakelig. Dafür hat Atom schon nach einem Jahr eine sehr aktive Community und wurde bereits 750.000-mal heruntergeladen. Die 803 Entwickler haben 1.861 Pakete ergänzt, offenbar trifft der Editor einen Bedarf.

Dieser Artikel erschien in der Ausgabe 07/15 des Linux Magazins, das seit September 2014 wie Golem.de zum Verlag Computec Media gehört. In dem Heft werden unter anderem verschiedene Verwendungsmöglichkeiten für LDAP beschrieben und die Insolvenzfestigkeit von Open Source Lizenzen in Deutschland geprüft.

 Einfach strukturierte Oberfläche mit Schwächen

eye home zur Startseite
nw42 08. Jul 2015

vor der version 1.0 schon aufgegeben? Man kann auch unrealistische Erwartungen haben...

nw42 08. Jul 2015

Texteditoren werden auch nur von Entwicklern eingesetzt... Ich muß ständig auf...

flow77 08. Jul 2015

Danke für die ausführliche Erklärung! Jetzt sind wir aber genau da angekommen wo ich...

sehr_interessant 08. Jul 2015

In vielen Kommentaren wird hier sehr offensichtlich für Int*** von Je*** geworben. Die...

d0p3fish 08. Jul 2015

Haha. Weiter,weiter,weiter, ja, weiter, ok, weiter,weiter akzeptieren, neustarten



Anzeige

Stellenmarkt
  1. T-Systems International GmbH, verschiedene Standorte
  2. Dataport, Hamburg
  3. über Ratbacher GmbH, München
  4. Faubel & Co. Nachf. GmbH, Melsungen


Anzeige
Blu-ray-Angebote
  1. (u. a. Hobbit Trilogie Blu-ray 44,97€, Batman Dark Knight Trilogy Blu-ray 17,99€)
  2. (u. a. 25 % Rabatt beim Kauf von drei Neuheiten, Box-Sets im Angebot)
  3. 69,99€ (DVD 54,99€)

Folgen Sie uns
       


  1. Blackberry Key One

    Android-Smartphone mit Hardware-Tastatur kostet viel

  2. Arrow Launcher 3.0

    Microsofts Android-Launcher braucht weniger Energie und RAM

  3. Die Woche im Video

    Angeswitcht, angegriffen, abgeturnt

  4. Hardlight VR Suit

    Vibrations-Weste soll VR-Erlebnis realistischer machen

  5. Autonomes Fahren

    Der Truck lernt beim Fahren

  6. Selektorenaffäre

    BND soll ausländische Journalisten ausspioniert haben

  7. Kursanstieg

    Bitcoin auf neuem Rekordhoch

  8. Google-Steuer

    Widerstand gegen Leistungsschutzrecht auf EU-Ebene

  9. Linux-Kernel

    Torvalds droht mit Nicht-Aufnahme von Treibercode

  10. Airbus A320

    In Flugzeugen wird der Platz selbst für kleine Laptops knapp



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Galaxy-A-Serie vs. P8 Lite (2017): Samsungs und Huaweis Kampf um die Mittelklasse
Galaxy-A-Serie vs. P8 Lite (2017)
Samsungs und Huaweis Kampf um die Mittelklasse
  1. Wettbewerbsverstoß Google soll Tizen behindert haben
  2. Strafverfahren De-facto-Chef von Samsung wegen Korruption verhaftet
  3. Samsung Preisliches Niveau der QLED-Fernseher in der Nähe der OLEDs

Fire TV Stick 2 mit Alexa im Hands on: Amazons attraktiver Einstieg in die Streaming-Welt
Fire TV Stick 2 mit Alexa im Hands on
Amazons attraktiver Einstieg in die Streaming-Welt
  1. Fernsehstreaming Fire-TV-App von Waipu TV bietet alle Kanäle kostenlos
  2. Fire TV Amazon bringt Downloader-App wieder zurück
  3. Amazon Downloader-App aus dem Fire-TV-Store entfernt

Bodyhacking: Ich, einfach unverbesserlich
Bodyhacking
Ich, einfach unverbesserlich

  1. Re: Wenn das Gerät wenigstens BlackberryOS hätte...

    Kondratieff | 08:40

  2. Re: Anscheinend gibt es keine gesetzlichen Vorgaben.

    MarioWario | 08:31

  3. Re: sehr clever ... MS

    Thunderbird1400 | 08:19

  4. Re: Halb-OT: Bloß kein handliches Gerät...

    DetlevCM | 08:03

  5. Re: Display größer als bei Fulltouch 5"+

    BISCiTSde | 07:22


  1. 20:21

  2. 11:57

  3. 09:02

  4. 18:02

  5. 17:43

  6. 16:49

  7. 16:21

  8. 16:02


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel