Wie gestalte ich in einem Atom-Paket Muster in einer Grammatik?
Ich möchte ein sehr einfaches benutzerdefiniertes Atom -Paket erstellen, in dem ich bestimmte Wörter basierend auf regulären Ausdrücken hervorhebe. Ich arbeite mit Konfigurationsdateien, die sich mit vielen IP-Adressen befassen. Ich möchte IP-Adresse 1.1.1.1 rot zum Beispiel, 0.0.0.0 blau etc ...
Es ist so einfach, ein Paket zu erstellen. Dies ist, was ich getan habe:
Erstellte Datei:
C:\Users\MyUsername\.atom\packages\MyPackage\package.json
UND Datei:
C:\Users\MyUsername\.atom\packages\MyPackage\grammars\rules.cson
Wenn ich eine Konfigurationsdatei öffne, sieht es so aus:
Beachten Sie, wie ips formatiert werden und das ist großartig! Wie kann ich jedoch Farben für verschiedene ips auswählen? Alle ips sind gelb gefärbt. Es wäre schön, wenn statt der name -Eigenschaft eine Farbeigenschaft wäre.
Bearbeiten
Zusammenfassend möchte ich dieses Beispiel stylen:
In diesem Link wird nicht gezeigt, wie Sie verschiedene Farben / Stile in verschiedene Regeln einfügen.
2 Antworten
Um verschiedene Muster in Atom mit verschiedenen Farben zu versehen, weisen Sie jedem Muster in rules.cson :
Erstellen Sie als Nächstes eine C:\Users\MyUsername\.atom\packages\MyPackage\styles\styles.less -Datei, die CSS-Stile mit den gewünschten Farben für jeden Musternamen definiert:
Laden Sie dann das Atom-Fenster neu ( Ctrl+Alt+R ), und Sie sollten Ihre Muster mit den zugewiesenen Farben sehen:
Das funktioniert, weil:
- Stylesheets werden automatisch vom
stylesgezogen . Verzeichnis, wenn nicht explizit inpackage.jsondefiniert - Stile, die mit dem
atom-text-editor::shadowPseudo-Elemente werden auf den Editor angewendet
Ich habe diese Frage schon lange gestellt. Meine Lösung hörte auf zu arbeiten, also kam ich darauf zurück. Aus irgendeinem Grund muss ich jetzt den 'Syntax' Keywoard an meinen Stil anhängen. Mit anderen Worten, meine \styles\styles.less -Datei sieht nun wie folgt aus:
Tags und Links css packages atom-editor custom-formatting