Die Syntaxhervorhebung wird durch das von Ihnen verwendete Thema gesteuert, auf das über zugegriffen werden kann Preferences -> Color Scheme
. Themen heben verschiedene Schlüsselwörter, Funktionen, Variablen usw. mithilfe von Bereichen hervor, die durch eine Reihe regulärer Ausdrücke definiert sind, die in einer .tmLanguage
Datei im Verzeichnis / Paket einer Sprache enthalten sind. Beispielsweise weist die JavaScript.tmLanguage
Datei die Bereiche source.js
und variable.language.js
das this
Schlüsselwort zu. Da Sublime Text 3 das .sublime-package
Zip-Dateiformat verwendet, um alle Standardeinstellungen zu speichern, ist es nicht sehr einfach, die einzelnen Dateien zu bearbeiten.
Leider enthalten nicht alle Themen alle Bereiche, sodass Sie mit verschiedenen Themen herumspielen müssen, um einen zu finden, der gut aussieht und Ihnen die gewünschte Hervorhebung bietet. Es gibt eine Reihe von Themen, die in Sublime Text enthalten sind, und viele weitere sind über Package Control verfügbar. Ich empfehle dringend, sie zu installieren, wenn Sie dies noch nicht getan haben. Stellen Sie sicher, dass Sie den Anweisungen von ST3 folgen .
Zufällig habe ich das Neon Color Scheme
über Package Control verfügbare entwickelt , das Sie sich vielleicht ansehen möchten. Mein Hauptziel war es, neben dem Versuch, ein breites Spektrum an Sprachen so gut wie möglich aussehen zu lassen, so viele verschiedene Bereiche wie möglich zu identifizieren - viel mehr, als in den Standardthemen enthalten sind. Die JavaScript-Sprachdefinition ist zwar nicht so gründlich wie die von Python, weist jedoch Neon
immer noch eine viel größere Vielfalt auf als einige der Standardeinstellungen wie Monokai
oder Solarized
.
Ich sollte beachten, dass ich Better JavaScript
für dieses Bild die Sprachdefinition von @ int3h anstelle der mit Sublime gelieferten verwendet habe . Es kann über Package Control installiert werden.
AKTUALISIEREN
In letzter Zeit habe ich eine andere Definition der JavaScript-Ersatzsprache entdeckt - JavaScriptNext - ES6 Syntax
. Es hat mehr Bereiche als das Basis-JavaScript oder sogar besseres JavaScript. Es sieht so aus im selben Code:
Seit ich diese Antwort ursprünglich geschrieben habe, hat @skuroda PackageResourceViewer
über Package Control veröffentlicht. Sie können Teile oder ganze .sublime-package
Pakete nahtlos anzeigen, bearbeiten und / oder extrahieren . Wenn Sie möchten, können Sie die in Sublime enthaltenen Farbschemata direkt bearbeiten.
EIN ANDERES UPDATE
Mit der Veröffentlichung fast aller Standardpakete auf Github haben sich die Änderungen schnell und rasant vollzogen. Die alte JS-Syntax wurde komplett neu geschrieben, um die besten Teile der JavaScript Next ES6-Syntax zu enthalten. Sie ist jetzt so vollständig ES6-kompatibel wie möglich. Eine Menge anderer Änderungen wurden vorgenommen, um Eck- und Kantenfälle abzudecken, die Konsistenz zu verbessern und sie insgesamt zu verbessern. Die neue Syntax wurde in den (zu diesem Zeitpunkt) neuesten Dev Build 3111 aufgenommen.
Wenn Sie eine der neuen Syntaxen mit dem aktuellen Beta-Build 3103 verwenden möchten, klonen Sie einfach das Github-Repo irgendwo und verknüpfen Sie die JavaScript
(oder die gewünschten Sprachen) mit Ihrem Packages
Verzeichnis - finden Sie sie auf Ihrem System, indem Sie auswählen Preferences -> Browse Packages...
. Dann machen Sie einfach git pull
von Zeit zu Zeit eine im ursprünglichen Repo-Verzeichnis, um alle Änderungen zu aktualisieren, und Sie können die neuesten und besten genießen! Ich sollte beachten, dass das Repo das neue .sublime-syntax
Format anstelle des alten verwendet .tmLanguage
, sodass sie nicht mit ST3-Builds vor 3084 oder mit ST2 funktionieren (in beiden Fällen sollten Sie sowieso auf die neueste Beta oder Dev-Version aktualisiert haben).
Ich optimiere derzeit mein Neonfarbschema, um alle neuen Bereiche in der neuen JS-Syntax zu behandeln, aber die meisten sollten bereits behandelt werden.
Preferences -> Color Scheme -> Neon Theme
und wählen SieNeon
.%APPDATA%\Sublime Text 3\Installed Packages\Neon Theme.sublime-package
. Durch Auswahl der Menüoption oben wird auch IhrePackages\User\Preferences.sublime-settings
Datei automatisch aktualisiert ..sublime-syntax
Datei möchten , laden Sie sie einfach herunter und kopieren Sie sie in~/.config/sublime-text-3/Packages/User
. Es ist dann im Syntaxmenü ganz unten rechts im Sublime-Fenster verfügbar, entweder allein (es heißt "SystemVerilog") oder imUser
Untermenü, abhängig von Ihrem Setup. Wenn Sie das gesamte Paket möchten, stellen Sie sicher, dass Package Control korrekt installiert wurde, öffnen Sie die Befehlspalette, geben Sie pci ein , drücken Sie die Eingabetaste, suchen Sie nachSystemVerilog
und drücken Sie die Eingabetaste. Sie sollten keine Dateien oder ähnliches umbenennen müssen - warum haben Sie das getan?Ich habe endlich einen Weg gefunden, die gegebenen Themen anzupassen.
Gehe zu
C:\Program Files\Sublime Text 3\Packages
und kopiere + benenneColor Scheme - Default.sublime-package
umColor Scheme - Default.zip
. Entpacken Sie es anschließend und kopieren Sie das Thema, zu dem Sie wechseln möchten%APPDATA%\Sublime Text 3\Packages\User
. (In meinem FallAll Hallow's Eve.tmTheme
).Dann können Sie es mit einem beliebigen Texteditor öffnen und etwas ändern / hinzufügen, beispielsweise zum Ändern
this
in JavaScript:Dies wird
this
in JavaScript-Dateien rot markiert . Sie können Ihr Thema unter auswählenPreferences -> Color Scheme -> User -> <Your Name>
.quelle
.sublime-package
Bearbeitung ermöglichen ...PackageResourceViewer
und kann über Package Control installiert werden. Dies.sublime-package
erleichtert die Arbeit mit Sublime Text 3- Dateien erheblich. Ich kann es nur empfehlen, wenn Sie eine Anpassung von ST3 planen.Verwenden Sie das über Package Control installierte PackageResourceViewer- Plugin (wie von MattDMo erwähnt ). Auf diese Weise können Sie die komprimierten Ressourcen überschreiben, indem Sie sie einfach in Sublime Text öffnen und die Datei speichern. Es werden automatisch nur die bearbeiteten Ressourcen in% APPDATA% / Roaming / Sublime Text 3 / Packages / oder ~ / .config / sublime-text-3 / Packages / gespeichert.
Führen Sie den
PackageResourceViewer: Open Resource
Befehl aus , sobald das Plugin installiert ist . Wählen Sie dannJavaScript
gefolgt vonJavaScript.tmLanguage
. Dadurch wird eine XML-Datei im Editor geöffnet. Sie können jede der Sprachdefinitionen bearbeiten und die Datei speichern. Dadurch wird eine Überschreibungskopie der Datei JavaScript.tmLanguage in das Benutzerverzeichnis geschrieben.Dieselbe Methode kann verwendet werden, um die Sprachdefinition einer beliebigen Sprache im System zu bearbeiten.
quelle
Das "dies" ist bereits in Javascript eingefärbt.
Ansicht-> Syntax-> und wählen Sie Ihre Sprache zum Hervorheben aus.
quelle
View -> Syntax -> Open all with current extension as...
zB*.stan
Dateien mit C ++ - Syntaxfärbung einstellen .Das ist mein Rezept
Hinweis: Dies ist nicht genau das, was OP verlangt. Mithilfe dieser Anweisungen können Sie die Farben von Elementen (Kommentare, Schlüsselwörter usw.) ändern, für die Syntaxabgleichsregeln definiert sind. Verwenden Sie diese Anweisungen beispielsweise, um zu ändern, dass alle Codekommentare blau statt grün gefärbt sind.
Ich glaube, das OP fragt,
this
wie ein Element definiert werden soll, das gefärbt werden soll, wenn es in einer JavaScript-Quelldatei gefunden wird.Paket installieren: PackageResourceViewer
Ctrl+Shift+P
> [PackageResourceViewer: Open Resource
]> [Color Scheme - Default
]> [Marina.sublime-color-scheme
] (oder welches Farbschema Sie auch verwenden)Der obige Befehl öffnet eine neue Registerkarte für die Datei "
Marina.sublime-color-scheme
".%appdata%
(C:\Users\walter\AppData\Roaming\Sublime Text 3\Packages\Color Scheme - Default\
).Color Scheme - Default
] kein untergeordnetes Verzeichnis von [Packages
] Verzeichnis. Ich vermute, dassPackageResourceViewer
dies eine Virtualisierung bewirkt.optionaler Schritt: Auf der neuen Registerkarte Farbschema:
Ctrl+Shift+P
> [Set Syntax: JSON
]Suchen Sie nach der Regel, die Sie ändern möchten. Ich wollte Kommentare sichtbar machen, also suchte ich nach "
Comment
""rules"
Sektion gefundenSuchen Sie nach der Zeichenfolge
"blue6":
, um den Abschnitt mit den Definitionen der Farbvariablen zu finden. Ich habe es in der"variables"
Sektion gefunden.Wählen Sie eine neue Farbe mit einem Tool wie http://hslpicker.com/ .
Definieren Sie entweder eine neue Farbvariable oder überschreiben Sie die Farbeinstellung für
blue6
.blue6
wirkt sich auf alle anderen Textelemente in diesem Farbschema aus, die ebenfalls blue6 verwenden ("Interpunktion" "" Accessor ").Speichern Sie Ihre Datei. Die Änderungen werden sofort auf alle geöffneten Dateien / Registerkarten angewendet.
ANMERKUNGEN
Sublime kann mit jedem dieser Farbstile umgehen. Möglicherweise mehr.
hsla = Farbton, Sättigung, Helligkeit, Alpha rgba = Rot, Grün, Blau, Alpha
hsla (151, 100%, 41%, 1) - letzter Parameter ist die Alpha-Stufe (Transparenz) 1 = undurchsichtig, 0,5 = halbtransparent, 0 = volltransparent
hsl (151, 100%, 41%) - kein Alphakanal
rgba (0, 209, 108, 1) - rgb mit einem Alpha-Kanal
rgb (0, 209, 108) - kein Alphakanal
quelle