Dateien- und Ordnersymbole in VS Code!
8. September 2016 von Chris Dias, @chrisdias
Rebellion. Revolution. Aufstand.
Diese Wörter beschreiben alle das erste Mal, als wir Symbole zum Dateiexplorer-Baum in VS Code hinzufügten, im Jahr 2014. @dmitar-asenov war ein Praktikant in @egamma's Zürcher Labor und verbrachte ein paar Stunden damit, eine grundlegende Symbolsammlung einzubauen, weil er zwischen Dateien und Ordnern unterscheiden wollte, wenn er schnell auf den Baum blickte.
Als wir mit der Arbeit am "Monaco"-Editor begannen, schafften es Symbole im Explorer nicht in einen leichten Editor. Das Team liebte das einfache, klare Aussehen eines Baums ohne Symbole. Für uns fühlten sich Symbole schwer an und boten wenig Wert. Wir machten uns Sorgen, über 100 Symbole zu pflegen und sie mit der Visual Studio IDE synchron zu halten. Wir ließen die Symbolimplementierung drin, falls wir unsere Meinung in Zukunft ändern würden, aber wir schalteten sie nie ein.
Schnellvorlauf zum Februar 2016. PR 3200 zwang uns, die Diskussion erneut zu führen, aber angesichts unserer "1.0"-Lieferungen und anderer Funktionsanfragen (wie z. B. Tabs) mussten wir die Unterhaltung verschieben.
Als wir die Veröffentlichung im August 2016 planten, waren viele der Top-Funktionsanfragen adressiert worden, und die Unterstützung für Symbole stieg ganz nach oben.
- Über 200 Daumen hoch auf GitHub.
- Nummer 9 mit fast 2500 Stimmen auf der kürzlich eingestellten User Voice-Liste.
- Mit über 200.000 Downloads, 170 Bewertungen und einer 5-Sterne-Bewertung war Roberto Huertas' vscode-icons-Erweiterung zur 5. beliebtesten Erweiterung im Marketplace geworden.
Vielleicht haben wir uns 2014 geirrt. Die 10 Leute im VS Code-Team damals bildeten kaum einen statistisch signifikanten Datensatz. 200 Daumen hoch sagten uns, dass wir dieses Feedback beachten und es uns noch einmal ansehen müssten. Vielen Dank für das Feedback!
Es war von Anfang an klar, dass wir die Symbol-Thematisierung zu einem Erweiterungspunkt von VS Code machen mussten. Es wäre unmöglich gewesen, eine einzige Symbolsammlung zu finden, der jeder zustimmen würde. Ohne einen ordnungsgemäßen Erweiterungsmechanismus war Roberto gezwungen, die installierten Quellen zu patchen, um die vscode-icons-Erweiterung ordnungsgemäß zum Laufen zu bringen.
Dieser Ansatz bedeutete nicht nur, dass die Erweiterung bei jeder täglichen oder monatlichen Aktualisierung von VS Code neu installiert werden musste, sondern er eröffnete auch eine neue Klasse von Problemen, die wir nicht leicht diagnostizieren oder beheben konnten, da das Kernprodukt nach seiner Veröffentlichung modifiziert wurde. In Zukunft werden wir daran arbeiten, das Risiko der Beschädigung des Kernprodukts zu minimieren, damit Benutzer VS Code nicht als Ergebnis der Installation einer Erweiterung neu installieren müssen.
Dateisymbolthemen
Mit der Version 1.5 von VS Code unterstützen wir jetzt Symbole für den Dateiexplorer.
Wählen Sie im Menü Datei > Einstellungen oder in der Befehlspalette (Suchbegriff File Icon Theme)
Anfänglich wollten wir mit einem einzigen, einfachen Thema namens Minimal ausliefern, das Ordnersymbole für offen/geschlossen sowie ein einzelnes Dateisymbol für alle Typen hat.
Seti Icon Theme
Beim Testen verschiedener Symbole und der Zusammenarbeit mit Roberto, um sicherzustellen, dass wir seine wichtigsten Szenarien unterstützen konnten, entdeckten wir die Seti UI-Symbole, die zuerst in Sublime Text populär wurden.
Und wir waren überzeugt.
Die meisten Teammitglieder verwenden jetzt die Seti-Symbole, daher haben wir beschlossen, sie für alle in das Produkt aufzunehmen. Wählen Sie einfach das Symbolthema Seti (Visual Studio Code) im Dialog zur Auswahl des Dateisymbolthemas aus.
Hinweis: Sie können mit den Pfeiltasten nach oben und unten durch die Liste der Dateisymbolthemen blättern und eine Vorschau des ausgewählten Themas sehen, genau wie bei den Farbschemata!
Erstellen Sie Ihr eigenes Symbolthema
Es ist für Erweiterungsautoren unglaublich einfach, eigene Dateisymbol-Themenpakete zu erstellen. Schauen Sie sich die Rohdokumentation hier und das Thema "Hinzufügen eines neuen Symbolthemas" in den VS Code-Dokumenten an. Zukünftig werden wir die API basierend auf Ihrem Feedback weiter ausbauen.
Vielen Dank noch einmal für all Ihr Feedback und danke an Roberto für die Erstellung einer beliebten Erweiterung und die Unterstützung bei der Bereitstellung großartiger APIs.
Viel Spaß beim Programmieren,
Chris Dias