Extensions mit CodeLens
12. Februar 2017 Wade Anderson, @waderyan_
CodeLens ist ein beliebtes Feature in Visual Studio Code. Im Wesentlichen handelt es sich um "interaktiv einfügbare kontextbezogene Informationen" in Ihrem Quellcode. Das ist ziemlich viel auf einmal. Lassen Sie es mich für Sie aufschlüsseln.
CodeLens sind Links in Ihrem Code
- Interaktiv – Sie können auf den Link klicken und etwas passiert.
- Kontextbezogen – Die Links befinden sich in der Nähe des Codes, den sie repräsentieren.
- Eingefügt – Die Links sind über Ihren Quellcode verteilt.
VS Code kommt mit CodeLens für TypeScript. Sie können es in den Benutzereinstellungen mit "typescript.referencesCodeLens.enabled": true aktivieren.
Sie können Ihre eigene Erweiterung mit der CodeLens-Funktion erstellen. Beginnen Sie mit einem Blick in die Dokumentation. Darüber hinaus finden Sie im Marketplace beliebte Erweiterungen, die CodeLens verwenden. Dieser Blogbeitrag listet einige meiner Favoriten auf.
Tipp: Sie können all diese Erweiterungen auf einmal installieren, indem Sie das CodeLens Roundup Extension Pack installieren. Wie bündelt man Erweiterungen? Informieren Sie sich über Extension Packs.
Git Lens
Marketplace – Git Lens
Autor – eamodio
Diese funktionsreiche Erweiterung erfüllt alle Ihre Git-Anforderungen. eamodio verwendet die CodeLens-Benutzeroberfläche, um Ihnen den neuesten Commit, die Anzahl der Autoren, Inline-Blame-Annotationen anzuzeigen und das Peek-Fenster für eine vollständige Historienansicht freizugeben. Sehen Sie sich die README der Erweiterung für die vollständige Liste der Funktionen an. Mit 14 Fünf-Sterne-Bewertungen ist dies eine hoch bewertete, exzellente Erweiterung.
Azure Application Insights
Marketplace – Azure Application Insights
Autor – Microsoft
Wie Sie sich vorstellen können, ist dies ein beliebter Artikel im VS Code-Team. Verwenden Sie diese Erweiterung, um Informationen zu Ihren Produktionsdiensten direkt in VS Code anzuzeigen!
CodeMetrics
Marketplace – CodeMetrics
Autor – Kiss Tamás
Stellen Sie sich vor, Sie haben einen Kollegen, der gerne komplexe Funktionen schreibt. Er findet das cool und kümmert sich weniger um die Wartbarkeit. Verwenden Sie diese Erweiterung, um ihm die Komplexität seiner Funktionen zu zeigen und auch Metriken für den Code zu überprüfen, den Sie schreiben.
Als zusätzlichen Bonus können Sie die Beschreibungen anpassen. Hier ist die Konfiguration, die wir in unserem Team gerne verwenden
"codemetrics.basics.ComplexityLevelExtremeDescription": "😱",
"codemetrics.basics.ComplexityLevelHighDescription": "😳",
"codemetrics.basics.ComplexityLevelLowDescription": "🤓",
"codemetrics.basics.ComplexityLevelNormalDescription": "🤔",
"codemetrics.basics.ComplexityTemplate": "Complexity is {0} {1}"
Wie Sie sehen können, mögen wir Emojis.
Regex Previewer
Marketplace – Regex Previewer
Autor – Christof Marti
Schreiben Sie viele reguläre Ausdrücke? Dies ist eine ausgezeichnete Erweiterung, um Ihre Regex schnell zu testen.
Version Lens
Marketplace – Version Lens
Autor – pflannery
Mit Unterstützung für viele Paketverwaltungssysteme, darunter npm, bower, dotnet und jspm, ist diese Erweiterung sehr nützlich. Installieren Sie die Erweiterung und sehen Sie, welche Pakete veraltet sind. Mit einem schnellen Mausklick können Sie die Version aktualisieren.
Profi-Tipp – Vorschau Ihrer Erweiterung
Marketplace – Extension Manifest Editor
Autor – Microsoft DevLabs
Manchmal denke ich, wenn ich eine Erweiterung erstelle, wäre es toll, zu sehen, wie die Erweiterung im Marketplace aussehen wird, bevor ich sie veröffentliche. Der Extension Manifest Editor ermöglicht es Ihnen, die Marketplace-Präsentation Ihrer Erweiterung innerhalb von VS Code in der Vorschau anzuzeigen.
Wade Anderson, VS Code Teammitglied @waderyan_