Skip to main content
Sonstiges

🤩 52 DER BESTEN VSCODE-ERWEITERUNGEN ZUR VERBESSERUNG IHRER PRODUKTIVIT├äT IN 2021

By 13. Juli 2021Juli 23rd, 2021No Comments

Ein exzellenter Texteditor ist f├╝r Ihre Entwicklungseffizienz unerl├Ąsslich. W├Ąhrend Sie die Lernkurve erklimmen, werden Sie die Vorteile f├╝r Ihr Zeitmanagement erkennen. In diesem Beitrag gehen wir auf unsere Auswahl der besten VSCode-Erweiterungen ein, die Entwickler 2021 verwenden sollten. Machen Sie Ihr Leben mit diesen einfacher und produktiver.

Warum Visual Studio Code?

VSCode ist derzeit der wohl beliebteste Code-Editor. Wir lieben ihn.

Der Grund, warum er so popul├Ąr geworden ist, liegt unserer Meinung nach einfach darin, dass VSCode alle Bed├╝rfnisse der Entwickler erf├╝llt, einschlie├člich Funktionen, von denen sie nicht einmal wussten, dass sie sie brauchen. Das ist der geheime Charme von VSCode – er ├╝berrascht Sie immer wieder aufs Neue.

Visual Studio Code Hello World

Einer der besten Wege, das Herz von jemandem zu erreichen, ist, ihm zu helfen, zu erkennen, was er braucht, bevor er ├╝berhaupt wei├č, dass er es braucht. Dies ist einer der st├Ąrksten Antriebe im Marketing, und VSCode hat hier einen gro├čartigen Job gemacht.

Die gro├če Mehrheit der VSCode-Liebhaber sind JavaScript-Entwickler – VSCode wurde f├╝r moderne Technologien geschaffen. Die heute g├Ąngigen JavaScript-Frameworks sind perfekt f├╝r VSCode geeignet – es hat alles, was Sie brauchen.

Entscheiden Sie sich bei der Auswahl eines Editors nicht immer f├╝r das Neueste und Beste. Die Technologie ├Ąndert sich schnell und Sie wollen nicht zur├╝ckbleiben. Sie wollen auch keine unn├Âtige Lernzeit durch st├Ąndiges Wechseln verschwenden. Es w├Ąre hilfreich, wenn Sie einen Editor h├Ątten, der flexibel genug ist, sich an Ihre wechselnden Bed├╝rfnisse anzupassen. Auf dem Weg, ein guter Entwickler zu werden, sollte die Zeit immer auf Ihrer Seite sein.

Damit meinen wir nicht, dass Sie von einer Sprache zur anderen oder von einem Framework zum anderen springen sollten – das w├Ąre verr├╝ckt. Was wir damit sagen wollen, ist, dass Sie auf dem Laufenden bleiben sollten, Sie sollten das Neueste kennen und es mit dem vergleichen, was Sie bisher benutzt haben, den Unterschied sehen, die Vor- und Nachteile, und Sie sollten den Support und das Wachstum der Community beobachten, denn Stabilit├Ąt ist auch wichtig. Es wird Sie ├╝berraschen, wie sehr Ihre Produktivit├Ąt in die H├Âhe schnellen kann!

VSCode hat eine gro├če Open-Source-Gemeinschaft. Ihr Wachstum und ihr Potenzial sind nahezu grenzenlos, und in Zukunft wird es einfacher sein, das Programmieren zu erlernen und selbst zu programmieren.

Es besteht kein Zweifel, dass VSCode einer der besten Code-Editoren auf dem Markt ist, und im Gegensatz zu einigen anderen Code-Editoren, die Sie wahrscheinlich ausprobiert haben, ist er f├╝r einen modernen Tech-Stack konzipiert und verf├╝gt ├╝ber eine Menge Qualit├Ątsmerkmale, von denen Sie nie wussten, dass Sie sie brauchen.

Aber das Beste an Visual Studio Code ist, dass es Open-Source ist und eine engagierte Gemeinschaft von Entwicklern hat, die daran arbeiten, es zu verbessern.

Dadurch k├Ânnen auch andere IDEs wie Eclipse Theia darauf aufbauen. Eclipse Theia ist die Grundlage f├╝r das SAP Business Application Studio. SAP BAS ist unsere zweite Wahl als IDE, um SAP-spezifische Erweiterungen zu nutzen, die in Visual Studio Code oder einer browserbasierten IDE nicht verf├╝gbar sind.

Dem gleichen Konzept der Offenheit folgend, finden Sie auf dem Marketplace tausende von Erweiterungen f├╝r VSCode. Von Erweiterungen, die das Erlernen des Programmierens erleichtern, bis hin zu funktionalen Erweiterungen, die Entwicklungsprozesse effizienter gestalten, ist f├╝r jeden Entwicklertyp etwas dabei. Obwohl noch nicht alle Erweiterungen f├╝r die SAP BAS verf├╝gbar sind, k├Ânnen Sie die hier genannten Erweiterungen mit den SAP BAS verwenden.

Dieser Leitfaden stellt Ihnen die 52 VS Code-Erweiterungen vor, die jeder SAP Business Technology Platform Fullstack-Entwickler im Jahr 2021 kennen sollte. Diese Tools verbessern das Entwicklererlebnis und erleichtern Ihnen die Arbeit.

Warum machen Erweiterungen das Leben der Entwickler einfacher?

F├╝r Visual Studio Code, den kostenlosen Open-Source-Editor von Microsoft, gibt es eine ganze Reihe von Erweiterungen, die beim Codieren von Software helfen. Ob verbesserte Kommentare, umfangreiche Syntaxpr├╝fung oder ein leistungsf├Ąhiger Compiler – das Leben als Entwickler wird mit VS Code Extensions deutlich einfacher.

VSCode Marketplace

Auch ohne Plugins ist VS Code einer der beliebtesten Editoren f├╝r JavaScript-Entwickler: exzellente Performance, umfangreiche Funktionen und die Flexibilit├Ąt, alles zu implementieren, was Entwickler brauchen. Hier kommen die Visual Studio Code Extensions ins Spiel.

Erweiterungen f├╝r Ihre IDE sind von unsch├Ątzbarem Wert, um Ihre Arbeit zu beschleunigen, ohne die Qualit├Ąt Ihrer Ausgabe zu beeintr├Ąchtigen. In Anbetracht der Tatsache, dass Visual Studio Code die beliebteste IDE ist, haben wir 52 VSCode-Erweiterungen identifiziert, die Sie zu einem produktiveren Entwickler machen werden. Diese Erweiterungen gelten vor allem f├╝r JavaScript-Entwickler, aber einige allgemein einsetzbare Erweiterungen kommen auch allen anderen zugute.

Mit VS Code-Erweiterungen k├Ânnen Sie Debugger, Sprachen und Tools zu Ihrer Installation hinzuf├╝gen, um Ihren Entwicklungsworkflow zu unterst├╝tzen. Das umfangreiche Erweiterungsmodell erm├Âglicht es den Autoren von Erweiterungen, sich direkt in die VS Code-Benutzeroberfl├Ąche einzuklinken und ├╝ber die gleichen APIs, die von VS Code verwendet werden, Funktionen beizusteuern.

Um Ihnen bei der Auswahl der richtigen Erweiterungen zu helfen, die mehr Nutzen bringen als die Ressourcen, die sie von Ihrem System abziehen, haben wir diese umfassende Liste der besten derzeit verf├╝gbaren Erweiterungen zusammengestellt.

W├Ąhrend einige von ihnen sehr bekannt sind und h├Ąufig installiert werden, empfehlen erfahrene Entwickler andere Erweiterungen mit Visual Studio Code sehr.

VSCode zielt darauf ab, alle ben├Âtigten Werkzeuge bereitzustellen und gleichzeitig komplexe Arbeitsabl├Ąufe zu eliminieren. Viele Programmierer bevorzugen VS Code, weil es viele Erweiterungen f├╝r zus├Ątzliche Funktionalit├Ąt, Produktivit├Ąt, Debugging und Geschwindigkeit bietet.

Wir werden besprechen, was sie tun und wie sie Ihr Leben als Programmierer einfacher machen k├Ânnen. Fangen wir an.

Diese hier aufgef├╝hrten Erweiterungen dienen nicht nur der Produktivit├Ąt, sondern helfen vielen Entwicklern, bessere Programmierer zu werden. Programmieren ist schon so schwer zu lernen, und kleine, sich wiederholende Aufgaben diesen Helfern zu ├╝berlassen ist ziemlich bequem.

Diese Erweiterungen sind unsere Favoriten, und wir k├Ânnen den Autoren dieser Tools nicht genug danken.

52 VS-Code-Erweiterungen f├╝r SAP-BTP-Entwickler

Es ist nicht immer einfach, die richtigen Add-ons zu finden, selbst f├╝r erfahrene Entwickler mit unz├Ąhligen Erweiterungen f├╝r verschiedene Zwecke. Deshalb zeigen wir im Folgenden 52 Visual Studio Code Extensions, die jedem Full-Stack-Entwickler die Arbeit erleichtern.

Erscheinungsbild

Fangen wir mit dem Offensichtlichsten an – der Optik. Die Optik ist Geschmackssache, daher m├╝ssen Sie Themes und Erweiterungen finden, die zu Ihnen passen. Wenn Sie keine Lust haben, sich durch die unz├Ąhligen Themes auf dem VSCode-Erweiterungsmarktplatz zu w├╝hlen, empfehlen wir einen Besuch bei vscodethemes. Dort finden Sie eine Vorschau verschiedener Themes, um schnell ein f├╝r Sie passendes zu finden. Allerdings ist dort nicht jedes verf├╝gbare Thema aufgef├╝hrt.

Hash Dark

Wir haben ein minimales, dunkelblaues Theme f├╝r VS Code namens Hash Dark gew├Ąhlt, inspiriert von Hashnode Syntax-Highlighting. Es ist ein Theme, das wir visuell ansprechend finden. Sie haben die Wahl. Entscheiden Sie sich f├╝r ein helles Theme, entscheiden Sie sich f├╝r ein dunkles Theme, entscheiden Sie sich f├╝r etwas Blaues, entscheiden Sie sich f├╝r etwas Rotes. W├Ąhlen Sie einfach aus, was Ihrem Geschmack entspricht.

VSCode Hash Dark Theme

Material Icon Theme

Sie k├Ânnen nicht nur Ihren Editor gestalten, sondern auch die verwendeten Dateisymbole. Auch hier ist es Geschmackssache und wir haben uns f├╝r das trendige Material Icon Theme entschieden. Dadurch erhalten Sie sch├Âne, passende Material-Design-Symbole in Ihrem VS-Code.

VSCode Material Icons Theme

Blockman – Highlight Nested Code Blocks

Blockman hebt verschachtelte Codebl├Âcke hervor und gibt Ihnen Informationen ├╝ber den Block, zu dem der Code geh├Ârt. Es gibt viele Einstellungen, um die Tiefen, die Sie sehen m├Âchten, und die Farben der verschiedenen Tiefen zu konfigurieren. Wir finden die Erweiterung hilfreich, aber sie k├Ânnte andere ablenken.

Eine kleine Warnung vor der Installation: Es werden einige Ihrer Einstellungen ge├Ąndert. Pr├╝fen Sie daher vor der Installation unbedingt die Marktplatzseite.

VSCode Blockman VSCode Without Blockman

Organisation von Ordnern und Dateien

Apropos Dateien, verschiedene Erweiterungen helfen Ihnen bei der Verwaltung Ihrer Ordner und Dateien. Einige erlauben es Ihnen, zwischen Ihren Projekten zu wechseln, andere, Ihre Dateistruktur zu entr├╝mpeln. Schauen wir sie uns an.

Project Manager

Project Manager erm├Âglicht es Ihnen, Ihre Projekte (oder Favoriten) zu definieren oder zu w├Ąhlen, dass z. B. Git-Repositories, VSCode-Ordner oder beliebige andere Ordner automatisch erkannt werden. Wir verwenden es normalerweise, um zwischen unseren Projekten zu wechseln, die mit Git-Repositories initialisiert wurden. Da es ├╝ber ein eigenes Men├╝ verf├╝gt, das Sie z. B. in der Explorer-Ansicht der Seitenleiste einbinden k├Ânnen, ist es eine schnelle und bequeme M├Âglichkeit, in Ihren Projekten zu navigieren. So hilft Ihnen der Project Manager, effizient auf Ihre Projekte zuzugreifen, egal wo sie sich befinden.

VSCode Project Manager

File Utils

Ein Bereich, der in VS Code unzureichend ist, ist die M├Âglichkeit, Dateioperationen mit Befehlen durchzuf├╝hren. Die meiste Zeit muss man in den Datei-Explorer springen und mit der Maus hantieren. 🤕 Ich m├Âchte f├╝r diese Aktionen bei der Tastatur bleiben. Mit File Utils k├Ânnen Sie mit nur einer Handvoll Befehle Dateien und Verzeichnisse erstellen, duplizieren, verschieben, umbenennen und l├Âschen. Es unterst├╝tzt auch die Klammererweiterung, die automatisch beliebige Zeichenketten generiert, um Ihre Dokumentstruktur einzurichten.

VSCode File Utils

Peak Hidden Files

Wir wissen nicht, wie es bei Ihren Projekten aussieht, aber unsere sind in der Regel mit Dateien vollgestopft, auf die wir nicht so oft zugreifen m├╝ssen. Das hinterl├Ąsst eine Menge Unruhe, die wir gerne vermeiden w├╝rden. Visual Studio Code erm├Âglicht es Ihnen, einige Dateien von der Anzeige im Datei-Explorer auszuschlie├čen. Dennoch m├╝ssen wir manchmal auf diese Dateien zugreifen. An dieser Stelle kommt Peak Hidden Files ins Spiel. Damit k├Ânnen Sie zwischen dem Ein- und Ausblenden der ausgeschlossenen Dateien umschalten.

VSCode Peak Hidden Files

Comma-separated values (CSV)

Wenn Sie mit Frameworks wie dem SAP Cloud Application Programming Model arbeiten, haben Sie m├Âglicherweise h├Ąufig mit CSV-Dateien zu tun. CSV-Dateien im Visual Studio-Code sind von Natur aus ziemlich h├Ąsslich. Lange Listen mit Text der gleichen Farbe. Es macht viel Spa├č, tief in der Datei zu unterscheiden, zu welcher Spalte ein Wert geh├Ârt. Aber auch daf├╝r gibt es Erweiterungen, die Ihnen dabei helfen. Schauen wir sie uns an.

Rainbow CSV

Mit Rainbow CSV k├Ânnen Sie effizienter mit CSV-Dateien arbeiten, indem Sie verschiedene Spalten in unterschiedlichen Farben hervorheben. Dadurch erh├Âht sich die ├ťbersicht in der Datei drastisch. Es bietet auch einen Hover, der die Spalte auch tief unten in einer Datei anzeigt.

VSCode without Rainbow CSV VSCode Rainbow CSV

Aber das ist noch nicht alles. Rainbow CSV verf├╝gt z. B. ├╝ber eine automatische Konsistenzpr├╝fung f├╝r CSV-Dateien (CSVLint), erm├Âglicht das Transformieren und Filtern von Tabellen mit der eingebauten SQL-├Ąhnlichen Abfragesprache sowie das Ausrichten von Spalten mit Leerzeichen und das Reshrinking (Entfernen von Leerzeichen aus Feldern).

VSCode Rainbow CSV - Align

Edit csv

F├╝r den Fall, dass wir eine gro├če CSV-Datei bearbeiten m├╝ssen, bevorzugen wir zus├Ątzlich zu Rainbow CSV die Erweiterung Edit csv. Edit csv bietet einen ausgezeichneten formularbasierten csv-Editor, der Ihnen bei der Arbeit mit csv-Dateien helfen kann. Sie k├Ânnen die Reihenfolge einfach umstellen, neue Zeilen oder Spalten hinzuf├╝gen und vieles mehr. Wir empfehlen es sehr, wenn Sie regelm├Ą├čig mit csv-Dateien arbeiten.

VSCode Edit csv

Regul├Ąre Ausdr├╝cke

Wenn Sie mit Code arbeiten, kommen Sie fr├╝her oder sp├Ąter mit regul├Ąren Ausdr├╝cken in Ber├╝hrung. Au├čerhalb von Visual Studio Code verwenden wir gerne RegExr, um regul├Ąre Ausdr├╝cke zu lernen, zu erstellen und zu testen. Aber es w├Ąre nicht Visual Studio Code, wenn es nicht auch Erweiterungen g├Ąbe, die Ihnen dabei helfen. Schauen wir sie uns an.

Regex Previewer

Mit dem Regex Previewer k├Ânnen Sie schnell von Ihnen erstellte regul├Ąre Ausdr├╝cke testen. Es f├╝gt eine Schaltfl├Ąche ├╝ber Ihrem regul├Ąren Ausdruck ein. Wenn Sie auf diese Schaltfl├Ąche klicken, wird auf der Seite eine zweite Datei ge├Âffnet, in der Sie den Inhalt ablegen k├Ânnen, gegen den Sie testen m├Âchten. Er hebt den Inhalt hervor, der Ihrem regul├Ąren Ausdruck entspricht.

VSCode Regex Previewer

Regexp Explain

Regexp Explain verfolgt einen anderen Ansatz als Regex Previewer. Anstatt eine Vorschau der Ergebnisse gegen eine Testmenge zu zeigen, wird die Logik hinter dem regul├Ąren Ausdruck angezeigt. Wenn Sie auf einen regul├Ąren Ausdruck sto├čen, kann es Ihnen helfen, visuell zu verstehen, was er bewirkt.

VSCod Regexp Explain

Erstellen von Grafiken

Apropos Dinge visualisieren. Manchmal m├Âchten Sie Ihre Ideen, Architekturen oder Ihren Code kommunizieren. Sei es mit Screenshots oder Diagrammen – Visual Studio Code macht es m├Âglich. Los geht’s.

CodeSnap

CodeSnap ist eine Erweiterung, mit der Sie sch├Âne Screenshots von Ihrem Code in VS Code machen k├Ânnen. Sie k├Ânnen schnell Screenshots Ihres Codes speichern und diese z. B. in die Zwischenablage kopieren. Es enth├Ąlt die Zeilennummern und hat viele Konfigurationsoptionen, um die Ausgabe an Ihre W├╝nsche anzupassen.

VSCode CodeSnap

Excalidraw Schema Editor

Wenn Sie ├╝ber Ihren Code hinausgehen m├╝ssen, k├Ânnen Sie Excalidrawzum Skizzieren verwenden. Excalidraw ist ein virtuelles kollaboratives Whiteboard-Tool, mit dem Sie schnell Diagramme erstellen k├Ânnen, die sich wie von Hand gezeichnet anf├╝hlen. Excalidraw Schema Editor ist eine inoffizielle Erweiterung, die Excalidraw in VS Code integriert.

VS Code Excalidraw Schema Editor

Node / npm

Wennman mit JavaScript oder TypeScript im Backend arbeitet, st├Â├čt man schnell auf Unmengen von wiederverwendbaren Paketen, die von anderen ver├Âffentlicht wurden. Wie Sie vielleicht schon vermutet haben, gibt es auch daf├╝r Visual Studio Code Addons, die Ihnen das Leben mit Node, oder besser gesagt NPM, erleichtern.

Version Lens

Version Lens zeigt beim ├ľffnen eines Pakets oder Projekts Versionsinformationen an, z. B. f├╝r npm und maven. Sie k├Ânnten wahrscheinlich dasselbe mit dem Befehl npm outdated tun, aber eine visuelle Arbeitsweise k├Ânnte auch hilfreich sein.

VSCode Version Lens

npm

Npm unterst├╝tzt die Ausf├╝hrung von npm-Skripten, die in der Datei package.json definiert sind, und die Validierung von installierten Modulen anhand der in package.json definierten Abh├Ąngigkeiten. Die ├ťberpr├╝fung von package.json meldet Warnungen f├╝r Module, die in package.json definiert, aber nicht installiert sind, die installiert, aber nicht in package.json definiert sind, und die installiert sind, aber nicht mit der in package.json angegebenen Version ├╝bereinstimmen. F├╝r gemeldete Warnungen bietet npm Schnellkorrekturen an, was manchmal recht praktisch ist.

VSCode npm

node-readme

Node-readme ist eine vscode-Erweiterung zum Anzeigen der Node Modul-Dokumentation im Editor. Klicken Sie mit der rechten Maustaste auf das Modul, z. B. in einer require-Anweisung, und klicken Sie auf View Node Module Readme. Die auf npm verf├╝gbare Readme wird in Ihrem vscode angezeigt.

VSCode node-readme

JavaScript / TypeScript Autovervollst├Ąndigung und Navigation

Nun haben wir viele Erweiterungen vorgestellt, aber keine davon hat mit Ihrem Code selbst zu tun. Das wollen wir ├Ąndern. In diesem Abschnitt werden wir Erweiterungen f├╝r die Autovervollst├Ąndigung und f├╝r die Navigation in Ihrem Code zeigen.

npm Intellisense

Npm Intellisense ist ein Visual Studio Code-Plugin, das npm-Module in Import-Anweisungen automatisch vervollst├Ąndigt. Einfach, aber zeitsparend.

VSCode npm intellisense

Path Intellisense

Gleicher Autor wie npm Intellisense mit einem etwas anderen Anwendungsfall. Path Intellisense ist ein Plugin f├╝r Visual Studio Code, das Dateinamen anstelle von npm-Modulen automatisch vervollst├Ąndigt.

VSCode Path Intellisense

Visual Studio IntelliCode

Die Visual Studio IntelliCode-Erweiterung bietet KI-unterst├╝tzte Entwicklungsfunktionen f├╝r z.B. TypeScript/JavaScript-Entwickler in Visual Studio Code, mit Erkenntnissen, die auf dem Verst├Ąndnis Ihres Code-Kontextes in Kombination mit maschinellem Lernen basieren. Es zeigt empfohlene Vervollst├Ąndigungselemente f├╝r Ihren Codekontext oben in der Vervollst├Ąndigungsliste an.

VSCode Visual Studio IntelliCode

Tabnine AI Code Completion, autocomplete JavaScript, Python, TypeScript, PHP, Go, Java, Ruby, C/C++, HTML/CSS, C#, Rust, SQL, Bash, Kotlin, React, Swift, Scala, Sass, Perl, Objective C, Node JS, Matla

Wie Sie vielleicht schon am Namen der Erweiterung erkennen, bietet Tabnine Autovervollst├Ąndigung f├╝r viele Sprachen wie JavaScript, Python, Java und TypeScript. Es ist ein leistungsf├Ąhiges Autovervollst├Ąndigungswerkzeug, das mehr Situationen erkennen und empfehlen kann als Visual Studio IntelliCode. Um das volle Potenzial zu nutzen, m├╝ssen Sie jedoch ein kostenpflichtiges Abonnement erwerben, und wie Sie am Namen erkennen k├Ânnen, wird es auch stark vermarktet. Trotzdem ist es einen Blick wert.

VSCode Tabnine

Code Ace Jumper

Code Ace Jumper bietet Ihnen eine einfache Ace Jump-Funktion f├╝r Visual Studio Code. Ace Jump ist eine schnelle Cursorbewegung ohne Ber├╝hrung der Maus oder der Cursortasten. Wenn eine Taste angegeben wird, sucht Code Ace Jumper nach dem ersten Buchstaben jedes Wortes im Dokument. W├Ârter werden durch ihre Trennzeichen (Leerzeichen, Punkte, Quadrate usw.) gekennzeichnet, die einfach konfiguriert werden k├Ânnen. Sie markiert jeden Anfangsbuchstaben mit einem eindeutigen Zeichen: Durch Dr├╝cken der Taste wird der Cursor sofort an die entsprechende Stelle bewegt. Im Beispiel habe ich Alt-J als Hotkey f├╝r Code Ace Jumper festgelegt. Nachdem ich Alt-J gedr├╝ckt habe, gebe ich den ersten Buchstaben des Wortes ein, zu dem ich springen m├Âchte. Vorkommen dieses Buchstabens werden hervorgehoben und durch andere Buchstaben ersetzt. Wenn ich den Buchstaben an der Stelle dr├╝cke, zu der ich springen m├Âchte, komme ich dorthin. Dies ist eine sehr angenehme Art, mit der Tastatur zu navigieren. Ich kann nur empfehlen, es auszuprobieren.

VSCode Code Ace Jumper

Linting / Formatierung

Angenommen, Sie schreiben TypeScript und JavaScript mit einem Editor wie Visual Studio Code. In diesem Fall gibt es mehrere M├Âglichkeiten, wie Sie sicherstellen k├Ânnen, dass Ihr Code syntaktisch korrekt ist und den aktuellen Best Practices entspricht. Sie k├Ânnen dazu einen Linter verwenden. Linters pr├╝fen Ihren Code auf Syntaxfehler und heben Fehler hervor, damit Sie diese schnell finden und beheben k├Ânnen. Schauen wir uns Erweiterungen an, die Linters und Formatierer in VSCode integrieren.

Prettier – Code formatter

Die Diskussion ├╝ber die Formatierung von Code ist wahrscheinlich so alt wie die Programmierung im Team selbst. Sollten Sie einfache Anf├╝hrungszeichen oder doppelte Anf├╝hrungszeichen verwenden? Wie viele Leerzeichen (oder Tabs) sollten Sie f├╝r die Einr├╝ckung verwenden? Unterm Strich spielen diese Entscheidungen keine Rolle, aber es sollte eine Konsistenz des Stils in Ihrem Code vorhanden sein. Prettier ist ein eigenwilliger Code-Formatierer. Es erzwingt einen konsistenten Stil, indem es Ihren Code parst und ihn mit seinen eigenen Regeln, die die maximale Zeilenl├Ąnge ber├╝cksichtigen, neu ausgibt und den Code umbricht, wenn n├Âtig. Diese Regeln k├Ânnen innerhalb Ihres Teams konfiguriert werden. Mit der Erweiterung k├Ânnen Sie es so konfigurieren, dass es, um diesen Begriff aus ABAP zu entlehnen, Ihren Code jedes Mal h├╝bsch ausdruckt, wenn Sie ihn speichern.

Prettier Playground

Wir empfehlen die Verwendung der Erweiterung, da es Zeitverschwendung ist, ├╝ber die Formatierung des Codes zu diskutieren. Konfigurieren Sie einfach einen Satz von Regeln, setzen Sie diese Regeln automatisch durch und vergessen Sie dann das Thema. Sie k├Ânnen den Effekt im Prettier Playground testen, ohne ihn vorher in Ihrem Projekt konfigurieren zu m├╝ssen.

SonarLint

SonarLint ist eine Erweiterung, mit der Sie Programmierprobleme beheben k├Ânnen, bevor sie entstehen. Wie eine Rechtschreibpr├╝fung hebt SonarLint Fehler und Sicherheitsl├╝cken hervor, w├Ąhrend Sie Code schreiben, mit expliziten Anweisungen, wie sie zu beheben sind, damit Sie sie beheben k├Ânnen, bevor Sie den Code ├╝bergeben. SonarLint in VS Code unterst├╝tzt die Analyse von JavaScript, TypeScript und anderen Sprachen und hilft Ihnen, Qualit├Ątsprobleme beim Schreiben von Code zu erkennen und zu beheben. Die TypeScript-Regeln f├╝r die statische Code-Analyse k├Ânnen Sie hiereinsehen.

VSCode SonarLint

ESLint

ESLint ist ein weiterer Linter, den Sie in Ihr Visual Studio Code-Setup integrieren k├Ânnen, um die Code-Integrit├Ąt sicherzustellen. ESLint kann Ihren Code sowohl formatieren als auch analysieren, um Vorschl├Ąge f├╝r Verbesserungen zu machen. Au├čerdem ist es konfigurierbar. Das hei├čt, Sie k├Ânnen anpassen, wie Ihr Code ausgewertet wird. Die Erweiterung integriert ESLint in VS Code und verwendet die ESLint-Bibliothek, die im Ordner des ge├Âffneten Arbeitsbereichs installiert ist. Wenn der Ordner keine bereitstellt, sucht die Erweiterung nach einer global installierten Version.

Im Vergleich zu SonarLint bietet ESLint eine h├Âhere Anpassungsf├Ąhigkeit und ein gro├čes ├ľkosystem an Regeln, die Sie in Ihr Projekt einbinden k├Ânnen. Dies wird z. B. vom SAP Cloud Application Programming Model-Team auch genutzt, um Formatierungsempfehlungen in CDS-Dateien zu geben. Wir verwenden es nicht f├╝r die Formatierung von TypeScript- oder JavaScript-Dateien, weil wir daf├╝r Prettier verwenden, aber wir verwenden es f├╝r die Regeln zur Codequalit├Ąt, die es durch seine Erweiterungen bereitstellt.

VSCode ESLint

Testen

Das Schreiben von Tests sollte ein integraler Bestandteil Ihres Entwicklungsworkflows sein, besonders im Zeitalter der Cloud. Woher nehmen Sie sonst das Vertrauen, dass Ihre Anwendung per Continuous Deployment direkt in die Produktionsumgebung transportiert werden kann? age. Doch das Testen wird von vielen als m├╝hsam empfunden, vor allem wenn die Ergebnisse der Tests nicht intuitiv und schnell sichtbar sind. Hier gibt es einige hilfreiche Erweiterungen. Schauen wir sie uns an.

Quokka.js

Quokka.js ist ein JavaScript- und TypeScript-Playground in Ihrem Editor. Sie k├Ânnen es als Entwickler-Produktivit├Ątswerkzeug f├╝r schnelles JavaScript/TypeScript-Prototyping verwenden. Die Laufzeitwerte werden aktualisiert und in Ihrer IDE neben Ihrem Code angezeigt, w├Ąhrend Sie ihn eingeben. Quokka hat einen Code Gutter, der zeigt, welcher Code ausgef├╝hrt wurde (Code Coverage). Gr├╝ne Indikatoren bedeuten, dass Quokka alle Anweisungen in einer Codezeile ausgef├╝hrt hat. Orange Indikatoren bedeuten, dass Node nur einen Teil der Zeile ausgef├╝hrt hat, da JavaScript die Verarbeitung nach dem ersten falschen Wert anh├Ąlt. Rote Indikatoren zeigen an, wo ein Fehler aufgetreten ist. Die Fehlermeldung wird auch neben dem Fehler angezeigt. Es gibt noch viel mehr, was Quokka tun kann! Es ist eine kostenpflichtige Erweiterung (wenn Sie alle Funktionen haben wollen), aber definitiv das Geld wert.

VSCode Quokka.js

vscode-js-profile-flame

Quokka.js wird mit einem CPU-Profiler geliefert, mit dem Sie schnell und einfach das CPU-Profil Ihres Codes abrufen k├Ânnen, um dessen Laufzeitverhalten zu analysieren. Es ist keine Konfiguration erforderlich, ein einfacher Klick und Sie sehen das CPU-Profil. Bevor das Profil angezeigt wird, k├Ânnen Sie w├Ąhlen, wo es angezeigt werden soll: in Quokka Chrome Dev Tools oder direkt in VS Code. Wenn Sie es in VS Code anzeigen m├Âchten, k├Ânnen Sie vscode-js-profile-flame verwenden, um ein Flammdiagramm zu erhalten.

VSCode Profile Flame

Wallaby.js

Wallaby.js ist der gro├če Bruder von Quokka.js. Es ist ein Tool f├╝r die Entwicklerproduktivit├Ąt, das Ihre JavaScript- und TypeScript-Tests sofort w├Ąhrend der Eingabe ausf├╝hrt und die Ergebnisse in Ihrer IDE direkt neben Ihrem Code hervorhebt. Es verf├╝gt ├╝ber die gleichen Code-Gutter und CPU-Profiling wie Quokka und kann Ihre Test- oder TDD-Erfahrung auf die n├Ąchste Stufe bringen.

VSCode Wallaby
VSCode Wallaby CPU Profiler

Mit dem Zeitreise-Debugger von Wallaby k├Ânnen Sie sich vorw├Ąrts und r├╝ckw├Ąrts durch Ihren Code bewegen, um die Bedingungen zu verstehen, die zu einem bestimmten Verhalten gef├╝hrt haben. Der Time Travel Debugger beschleunigt Ihre Editier-, Kompilier- und Debug-Schleifen, indem er es Ihnen erm├Âglicht, zu einer bestimmten Codezeile zu springen, Laufzeitwerte anzuzeigen, zu bearbeiten und fortzusetzen und sich in, durch und aus Ihrem Code zu bewegen. Mit dem Test Story Viewer von Wallaby.js haben Sie eine einzigartige und hocheffiziente M├Âglichkeit, Ihren Code zu debuggen und zu ├╝berpr├╝fen, welchen Code Ihr Test in einer einzigen logischen Ansicht ausf├╝hrt. Dar├╝ber hinaus bietet Wallaby.js einen browserbasierten Testexplorer, der Ihnen Ihre Tests, die w├Ąhrend dieser Tests geschriebenen Protokolle und die zugeh├Ârigen Dateien anzeigt. Sie k├Ânnen Ihre Tests filtern und sortieren und Ihre gesamte Codeabdeckung ├╝berpr├╝fen.

VSCode Wallaby Test Story
VSCode Wallaby Test Explorer

Wallaby.js ist eine kommerzielle Software, und als solche m├╝ssen Sie eine Lizenz erwerben. Aus unserer Sicht ist es das Geld wert, aber Sie m├Âchten vielleicht nicht so viel ausgeben. Keine Sorge, es gibt noch andere wertvolle Erweiterungen da drau├čen.

Jest Test Explorer

Wenn Sie sich Wallaby.js nicht leisten wollen, w├╝rde ich Jest Test Runner empfehlen. Die Erweiterung erm├Âglicht es Ihnen, Ihre Tests in der Seitenleiste von Visual Studio Code ├╝ber die Test Explorer UI auszuf├╝hren.

VSCode Jest Test Explorer

Jest Snippets

Jest Snippets bietet Code-Schnipsel f├╝r das Jest JavaScript / TypeScript Test-Framework. Sie k├Ânnen diese Snippets verwenden, um die Testerstellung zu beschleunigen. Geben Sie einfach ein paar Buchstaben ein und lassen Sie die Erweiterung den entsprechenden Befehl f├╝r Sie erstellen.

VSCode Jest Snippets

Thunder Client

Mit Thunder Client verlassen wir (gr├Â├čtenteils) die Welt der automatisierten Tests und bewegen uns in Richtung manueller explorativer Tests. Thunder Client ist eine leichtgewichtige Rest-API-Client-Erweiterung f├╝r Visual Studio Code mit einem sauberen und geradlinigen Design.

VSCode Thunder Client

Neben dem Aufruf von HTTP-Endpunkten k├Ânnen Sie mit GUI-basierten Tests durch die Auswahl einiger weniger Dropdowns die meisten Standardtests schnell und ohne Skripting-Kenntnisse ausf├╝hren.

VSCode Thunder Client Test

Die Teamfunktionen sind hilfreich, um Anfragen mit dem Team zu teilen, indem Daten im Git-Projekt gespeichert werden. Dieser Teil befindet sich noch im Beta-Stadium. Basierend auf dem Feedback wird der Autor es verbessern.

JavaScript / TypeScript Refactoring

Inzwischen haben Sie Ihre Tests und Ihren Code geschrieben. Es funktioniert – Zeit f├╝r ein Code-Refactoring. Code-Refactoring ist der Prozess der Bearbeitung und Bereinigung von bereits geschriebenem Software-Code, ohne die Funktion des Codes selbst zu ver├Ąndern.

Der wesentliche Zweck des Code-Refactorings besteht darin, den Code effizienter und wartbarer zu machen. Dies tr├Ągt erheblich zur Reduzierung der technischen Kosten bei, da es viel besser ist, den Code jetzt zu bereinigen, als sp├Ąter f├╝r teure Fehler zu bezahlen. Code-Refactoring, das die Lesbarkeit verbessert, l├Ąsst den QA- und Debugging-Prozess viel reibungsloser ablaufen. Und obwohl es keine Fehler behebt, kann es helfen, diese in Zukunft zu vermeiden.

Und genau deshalb ist ein routinem├Ą├čiges Code-Refactoring notwendig. Codef├Ąule resultiert aus doppeltem Code, unz├Ąhligen Patches, schlechten Klassifizierungen und anderen Programmierinkonsistenzen. Code-Refactoring ist wichtig, wenn Sie die gef├╝rchtete Code-F├Ąule vermeiden wollen.

W├Ąre es nicht sch├Ân, wenn es einige VSCode-Erweiterungen g├Ąbe, die Ihnen dabei helfen?

Abracadabra, refactor this!

Die Abracadabra-Erweiterung erm├Âglicht es Ihnen, bestehenden Code in VS Code schnell und sicher zu refaktorisieren. VS Code wird mit ein paar grundlegenden Refactorings geliefert. Abracadabra stattet Ihren Editor mit mehr Refactorings und Shortcuts aus, um die n├╝tzlichsten davon on the fly auszul├Âsen und bei Bedarf Refactorings vorzuschlagen.

Im Folgenden sind einige der Refactorings aufgef├╝hrt, die diese Erweiterung durchf├╝hren kann:

  • Symbol umbenennen
  • Variable extrahieren, generischer Typ
  • Inline-Variable, Funktion
  • Anweisung nach oben/unten verschieben
  • If/Else in Ternary umwandeln und umgekehrt
  • If/Else in Switch umwandeln und umgekehrt
  • Zusammenf├╝hren/Aufteilen der If-Anweisung
VSCode Abracadabra

Hocus Pocus

Der gleiche Autor bietet diese Erweiterung wie Abracadabra an, allerdings mit einem etwas anderen Anwendungsfall. Hocus Pocus erstellt f├╝r Sie n├╝tzliche Dinge in JavaScript und TypeScript, die Sie produktiver machen, indem Sie Boilerplate-Code schneller erstellen. Dazu geh├Âren Dinge wie das Erstellen von Funktionen, Variablen, Klassen und Switch Cases. Seine N├╝tzlichkeit h├Ąngt von Ihrem Programmierstil ab, aber wenn Sie Klassen oder Variablen verwenden, bevor Sie sie deklarieren, wird es Ihnen helfen.

VSCode Hocus Pocus

Git / GitHub

Alles klar, Ihr Code ist geschrieben, getestet und refaktorisiert. Was ist jetzt noch zu tun? Nun, Sie m├╝ssen den Code in die Versionskontrolle bringen. Da wir haupts├Ąchlich Git mit GitHub verwenden, werden wir uns VSCode-Erweiterungen ansehen, die gut mit dieser Kombination funktionieren. Die meisten sollten mit allen Git-Hosting-Diensten gut funktionieren, aber wir k├Ânnen daf├╝r nicht die Hand ins Feuer legen.

Markdown Preview Github Styling

Zu dieser Erweiterung gibt es nicht viel zu sagen. Es erweitert die eingebaute Markdown-Vorschau von VS Code, um dem Stil von Github zu entsprechen. Auf diese Weise k├Ânnen Sie in der Vorschau sehen, wie Ihr Markdown auf Github gerendert aussehen wird.

VSCode Markdown Preview Github Styling

gitignore

Diese Erweiterung hilft Ihnen bei der Arbeit mit .gitignore-Dateien. Sie erm├Âglicht es Ihnen, .gitignore-Vorlagen aus dem gitignore-Repository herunterzuladen.

VSCode gitignore

Conventional Commits

Diese Erweiterung hilft Ihnen beim Ausf├╝llen von Commit-Nachrichten gem├Ą├č Conventional Commits. Konventionelle Commits k├Ânnen sehr n├╝tzlich sein, um automatisch Changelogs zu erstellen und Versionen auf Basis der semantischen Versionierung freizugeben. Probieren Sie es aus. Es wird Ihre Git-Commits aufpeppen.

VSCode conventional commits

GitLens ÔÇö Git supercharged

GitLens erweitert die in Visual Studio Code integrierten Git-Funktionen. Mit Git Blame Annotations und Code Lens sehen Sie die Urheberschaft des Codes auf einen Blick, k├Ânnen nahtlos durch Git-Repositories navigieren und diese erkunden, mit leistungsstarken Vergleichsbefehlen wertvolle Erkenntnisse gewinnen und vieles mehr. Dazu geh├Âren z. B. Heatmaps, die die Bereiche der letzten ├änderungen an Ihrer Datei anzeigen. Wenn Sie Git verwenden, haben Sie es wahrscheinlich bereits installiert. Wenn nicht, verpassen Sie etwas.

VSCode GitLense

Git Graph

Git Graph visualisiert Commits in einem Git-Repository in einem Diagrammformat, mit dem Sie schnell erkennen k├Ânnen, welche Commits und Zweige sich wo relativ zueinander befinden.

Sie k├Ânnen Git-Aktionen auch aus dem Diagramm heraus durchf├╝hren. Git Graph hat nicht ann├Ąhernd die Funktionen, die ein vollst├Ąndiger GUI-Git-Client hat. Als leichtgewichtiges Werkzeug, um den Zustand der Commits Ihres Repositorys ├╝ber verschiedene Zweige und Repositories hinweg zu visualisieren, leistet es jedoch hervorragende Arbeit. Es unterst├╝tzt auch einige zus├Ątzliche Funktionen wie den Vergleich zwischen Commits und hilft bei der Erleichterung von Code-Reviews (ebenso wie das automatische Ersetzen von Emoji-Shortcodes durch das Emoji (oder Gitmoji) in Commit-Nachrichten). Es ist eine praktische Erg├Ąnzung zu GitLense und den anderen Erweiterungen.

VSCode Git Graph

GitHub Pull Requests and Issues

Mit dieser Erweiterung k├Ânnen Sie GitHub-Pull-Requests und Issues in Visual Studio Code ├╝berpr├╝fen und verwalten. Die Unterst├╝tzung umfasst das Authentifizieren und Verbinden von VS Code mit GitHub sowie das Auflisten und Durchsuchen von PRs aus VS Code heraus. Sie k├Ânnen dann PRs aus VS Code mit In-Editor-Kommentaren ├╝berpr├╝fen und PRs aus VS Code mit einfachen Checkouts validieren.

Sie k├Ânnen Issues aus VS Code heraus auflisten, durchsuchen und erstellen. Dazu geh├Âren z.B. Hover-Karten f├╝r „@“-genannte Benutzer und f├╝r Issues, Erledigungsvorschl├Ąge f├╝r Benutzer und Issues, eine „Start working on issue“-Aktion, die einen Zweig f├╝r Sie erstellen kann, und Code-Aktionen zum Erstellen von Issues aus „todo“-Kommentaren.

Wir empfehlen Ihnen dringend, es auszuprobieren, wenn Sie mit GitHub arbeiten.

VSCode GitHub Pull Requests and Issues

GitHub Actions

GitHub Actions ist eine einfache, inoffizielle Erweiterung f├╝r die Interaktion mit GitHub Actions aus VS Code heraus. Es visualisiert GitHub Actions-Workflows und l├Ąuft f├╝r Ihr aktuelles Repository in VS Code.

Die Erweiterung pr├╝ft den aktuellen Arbeitsbereich auf Git-Repositories mit einem github.com-Ursprung. Wenn es sie findet, verwendet es die API, um die Workflows und ihre L├Ąufe abzurufen. Sie k├Ânnen dann sehen, ob ein Lauf fehlgeschlagen oder erfolgreich war, f├╝r welche ├ťbergabe er ausgef├╝hrt wurde, welches Ereignis ihn ausgel├Âst hat und ob er erneut ausgef├╝hrt oder abgebrochen wurde, ob er fehlgeschlagen ist oder noch l├Ąuft.

Au├čerdem k├Ânnen Sie die Protokolle f├╝r alle L├Ąufe direkt vom Editor aus ├╝berpr├╝fen und Sie profitieren von der Autovervollst├Ąndigung und Dokumentation f├╝r GitHub-Workflow-Dateien.

VSCode GitHub Actions

Remote Repositories

Als Entwickler klonen wir oft Git-Repos lokal, um sie zu durchsuchen oder kleine Bearbeitungen vorzunehmen. Vielleicht wollen wir uns den Quellcode einer Bibliothek ansehen, die wir verwenden, mit neuen Werkzeugen experimentieren oder haben den Wunsch, etwas Neues zu lernen. Das Klonen von Repos erfordert jedoch Zeit und Pflege, da Ihre lokale Kopie schnell veraltet sein kann, wenn Sie nicht regelm├Ą├čig ├änderungen ziehen.

Mit der Erweiterung „Remote Repositories“ k├Ânnen Sie jedes entfernte GitHub-Repository direkt von Visual Studio Code aus schnell durchsuchen, bearbeiten und ├╝bertragen. Damit haben Sie eine schnelle, bequeme und sichere M├Âglichkeit, Repos zu ├Âffnen, zu durchsuchen und zu bearbeiten.

Obwohl Remote Repositories eine hervorragende L├Âsung f├╝r viele Szenarien ist, hat sie gewisse Einschr├Ąnkungen. Da es zum Beispiel mit einem virtuellen Dateisystem arbeitet, k├Ânnen Sie keine Knotenmodule installieren. Es ist also ein Einstiegspunkt f├╝r die Arbeit mit einem Repository, von dem aus Sie z. B. mit der GitHub-Erweiterung „Pull Request and Issues“ fortfahren k├Ânnen, um das Repository zu klonen und lokal mit ihm zu arbeiten.

VSCode Remote Repositories

Zusammenarbeit

Wie das Sprichwort sagt: Wenn du schnell gehen willst, geh allein, wenn du weit gehen willst, geh zusammen. Aber gibt es Erweiterungen in VSCode, die Ihnen helfen, im Team zusammenzuarbeiten? Ja, die gibt es, und wir k├Ânnen einige davon empfehlen.

Live Share

Visual Studio Live Share erm├Âglicht es Ihnen, gemeinsam mit anderen in Echtzeit zu bearbeiten und zu debuggen, unabh├Ąngig davon, welche Programmiersprachen Sie verwenden oder welche App-Typen Sie entwickeln. Es erm├Âglicht Ihnen, Ihr aktuelles Projekt sofort (und sicher) freizugeben und dann je nach Bedarf Debugging-Sitzungen, Terminalinstanzen, Localhost-Webanwendungen, Sprachanrufeund vieles mehr freizugeben! Entwickler, die Ihren Sitzungen beitreten, erhalten den gesamten Editor-Kontext aus Ihrer Umgebung (z. B. Sprachdienste, Debugging), wodurch sichergestellt wird, dass sie sofort mit der produktiven Zusammenarbeit beginnen k├Ânnen, ohne dass sie irgendwelche Repos klonen oder SDKs installieren m├╝ssen.

Dar├╝ber hinaus erm├Âglicht Visual Studio Live Share im Gegensatz zur traditionellen Paarprogrammierung die Zusammenarbeit von Entwicklern unter Beibehaltung ihrer pers├Ânlichen Editorpr├Ąferenzen (z. B. Thema, Tastenkombinationen) und mit eigenem Cursor. So k├Ânnen Sie nahtlos zwischen dem Verfolgen der anderen und dem eigenst├Ąndigen Erkunden von Ideen/Aufgaben ├╝bergehen. In der Praxis bietet diese F├Ąhigkeit, gemeinsam und unabh├Ąngig voneinander zu arbeiten, eine Kollaborationserfahrung, die f├╝r viele g├Ąngige Anwendungsf├Ąlle potenziell nat├╝rlicher ist.

VSCode Live Share

GitLive

Erweitern Sie Ihre IDE um die Echtzeitfunktionen, die entfernte Entwicklungsteams f├╝r eine effektive Zusammenarbeit ben├Âtigen. Sehen Sie, woran Ihre Teamkollegen arbeiten, und lassen Sie sich ├╝ber Merge-Konflikte benachrichtigen, bevor Sie commiten.

YAML / Manifest.yaml

Nicht nur bei der Arbeit mit der SAP Business Technology Platform werden Sie mit .yaml-Dateien arbeiten m├╝ssen. Werfen wir also einen Blick auf VSCode-Erweiterungen, die Ihnen dabei helfen k├Ânnen.

Cloudfoundry Manifest YML Support

Diese Erweiterung bietet grundlegende Validierung, Inhaltshilfe und Hover-Informationen f├╝r die Bearbeitung von Cloud Foundry-Manifestdateien. W├Ąhrend der Eingabe wird das Manifest geparst und auf grundlegende syntaktische und strukturelle Korrektheit gepr├╝ft. Bewegen Sie den Mauszeiger ├╝ber eine Fehlermarkierung, um eine Erkl├Ąrung zu sehen.

Sie k├Ânnen sich nicht alle Attributnamen und deren Schreibweisen merken? Ein Content-Assistent hilft Ihnen dabei. Aber was war noch einmal die genaue Bedeutung der einzelnen Attribute? Bewegen Sie den Mauszeiger ├╝ber ein beliebiges Attribut und lesen Sie dessen ausf├╝hrliche Dokumentation.

M├Âchten Sie die tats├Ąchlichen Cloud Foundry-Werte f├╝r Attribute wie Dienste, Buildpack, Domain und Stack sehen? Wenn Sie CLI installiert und mit einem Cloud-Ziel verbunden haben, zeigt die Erweiterung automatisch Werte f├╝r bestimmte Manifestattribute an.

Wenn Sie z. B. mit einem Cloud-Ziel mit Diensten verbunden sind und den Inhaltsassistenten in einem Eintrag unter Dienste ├Âffnen, sehen Sie die verf├╝gbaren Dienstinstanzen. Au├čerdem werden Service-Instanzen, die im Cloud-Ziel nicht verf├╝gbar sind, mit einer Warnung hervorgehoben.

VSCode Cloud Foundry Manifest YML Support

SAP

Es gibt noch ein paar weitere SAP-spezifische Erweiterungen, die Sie vielleicht installieren m├Âchten. Diese Erweiterungen helfen Ihnen zum Beispiel mit den Frameworks SAPUI5 und SAP Cloud Application Programming Model. Schauen wir sie uns an.

SAP CDS Language Support

Diese Visual Studio Code-Erweiterung bietet Sprachunterst├╝tzung f├╝r die Core Data Services (CDS) Sprache, wie sie im SAP Cloud Application Programming Model (CAP) verwendet wird. Es enth├Ąlt zum Beispiel Syntax-Hervorhebung, Quellcode-Validierung und Schnellkorrekturen wie:

  • Erstellen von using-Anweisungen f├╝r unbekannte Artefakte
  • Fehlende ├ťbersetzung nachpflegen
  • Konvertieren von @cds.doc- und @description-Anmerkungen in doc-Kommentare

Es verf├╝gt ├╝ber Code-Vervollst├Ąndigung, Verwendungszweck-Navigation und Snippets, Code-Formatierung und mehr. Wenn Sie SAP CAP verwenden, sollten Sie sich diese Erweiterung nicht entgehen lassen.

VSCode SAP CDS Language Support

Welche VSCode-Erweiterungen k├Ânnen Sie empfehlen?

Das waren unsere 52 Empfehlungen f├╝r Visual Studio Code Extension. Diese Empfehlungen werden Ihnen verschiedene Aufgaben erleichtern, von Tests, deren Ergebnisse in Echtzeit im Code angezeigt werden, ├╝ber die formularbasierte Erstellung von REST-Abfragen und Grafiken bis hin zur KI-unterst├╝tzten Autovervollst├Ąndigung. Wir denken, dass sie auf Ihrem Weg zum SAP BTP-Entwickler wertvoll sein werden.

Angesichts der Aktivit├Ąt der VS Code-Community wird es nicht lange dauern, bis es m├Ąchtige neue Erweiterungen gibt. Nichts ist so best├Ąndig wie der Wandel, und auch wir werden unsere Empfehlungen anpassen m├╝ssen.

Wie sehen Sie das? Schw├Âren Sie auf Erweiterungen, die wir hier nicht erw├Ąhnt haben? K├Ânnen Sie andere Erweiterungen empfehlen?

Leave a Reply