Geekflare wird von unserem Publikum unterstützt. Wir können Affiliate-Provisionen durch den Kauf von Links auf dieser Website verdienen.
Teilen:

Die 23 besten VS-Code-Erweiterungen für Entwickler

Best-VS-Code-Erweiterungen-für-Entwickler
Invicti Web Application Security Scanner – die einzige Lösung, die eine automatische Verifizierung von Schwachstellen mit Proof-Based Scanning™ bietet.

Visual Studio Code oder VS Code ist einer der beliebtesten Quellcode-Editoren, die Entwickler verwenden.

VS-Code ist ein kostenloser Open-Source-Code-Editor, der von Microsoft entwickelt und gepflegt wird. Dieser Code-Editor verfügt über umfangreiche Funktionen wie z Versionskontrolle Integration, Codevervollständigung und Syntaxhervorhebung. Es ist auch ein plattformübergreifender Code-Editor, da er unter Windows, macOS und Linux verfügbar ist.

Um die Produktivität Ihres Softwareentwicklungsprojekts zu steigern, können Sie einige der besten VS Code-Erweiterungen verwenden, die in diesem Artikel erwähnt werden.

Sie erhalten ein fantastisches, sofort einsatzbereites Erlebnis, wenn Sie mit der Bearbeitung von Software- oder Webseiten-Quellcodes in Visual Studio Code beginnen. Als Entwickler können Sie jedoch immer mehr Funktionalitäten in dieser nahezu integrierten Entwicklungsumgebung (IDE) verlangen. Code-Editor.

Der VS Code Marketplace sollte Ihre Anlaufstelle für alle Arten von VS IDE-Erweiterungen sein. Lesen Sie diesen Artikel weiter, um die besten VS IDE-Erweiterungen zu finden, die Sie in Ihren Web- oder Windows-App-Entwicklungsprojekten verwenden können.      

Die Popularität von Visual Studio Code

Popularität-von-Visual-Studio-Code

Nach Angaben des WakaTime Statistiken zur Programmierung haben Entwickler den VS Code-Editor für mehr als 21 Millionen Stunden verwendet. Es war der Code-Editor Nr. 1 für 2021, wenn man die stundenlange Codebearbeitung in anderen Tools wie IntelliJ (> 3 Millionen Stunden) und PhpStorm (> 2 Millionen Stunden) vergleicht. 

Hier sind einige Gründe, warum die meisten Entwickler VS Code gegenüber anderen Quellcode-Editoren bevorzugen:

# 1. Es ist völlig kostenlos, Open Source und bietet plattformübergreifende Unterstützung. Dies bedeutet, dass es unter Linux, Windows und macOS funktioniert.

# 2. Der Editor hat einen eingebauten Debugger. So müssen Sie weniger Klicks machen. Darüber hinaus können Sie Ihr Codierungsprojekt und den Debugger in einem einzigen Fenster im Auge behalten, ohne die Apps wechseln zu müssen.

# 3. VS Code ist standardmäßig mit IntelliSense ausgestattet, auch bekannt als Predictive Coding.

# 4. Mit den richtigen Tastenkombinationen, VS Code-Erweiterungen und Einstellungen können Sie die VS Code-App ganz einfach in eine Full-Stack-Workstation umwandeln.        

Was sind Visual Studio-IDE-Erweiterungen?

Was-sind-Visual-Studio-IDE-Erweiterungen

VS Code ist ein super organisierter Quellcode-Editor, der Software unterstützt und App-Entwicklung Operationen wie Versionskontrolle, Debugging, und Aufgabe läuft.

Es bietet Entwicklern eine effiziente Plattform für einen mühelosen Code-Build-Debug-Zyklus für die meisten Programmiersprachen. Sie benötigen jedoch eine IDE wie Visual Studio für komplexe workflows.   

Um die Mängel zu überwinden, haben Entwickler VS Code-Erweiterungen entwickelt. Erweiterungen sind einfach Add-Ons, die Sie in der VS Code-App installieren können und Zugriff auf neue Funktionen erhalten. VS IDE-Erweiterungen erhöhen hauptsächlich die Produktivität und machen das Codieren einfacher und fehlerfreier. 

Warum sind IDE-Erweiterungen nützlich?

In erster Linie können Sie VS Code-Erweiterungen verwenden, um die Benutzerfreundlichkeit des Tools für verschiedene Software- und App-Entwicklungsprojekte zu verbessern. Wenn das Projekt eine bestimmte Funktionalität erfordert, die VS Code fehlt, können Sie den Marktplatz nach einer Erweiterung durchsuchen.

Darüber hinaus helfen Ihnen Erweiterungen, die Produktivität Ihres App-Entwicklungsteams zu steigern. Sie können unnötige Fehler beim Codieren vermeiden, indem Sie verwenden Code-Vervollständigung Erweiterungen.

Darüber hinaus gibt es erweiterte Installationsprogramme für Erweiterungspakete, mit denen Sie Repos für DevOps-Projekte importieren können Paket-Hosting-Sites. Kurz gesagt, mit Erweiterungen können Sie den VS-Code in eine Full-Service-IDE konvertieren.     

Sehen wir uns nun einige der besten VS-Code-Editoren an.

Live Server

Live-Server ist mit über 30.9 Millionen Downloads auf dem Marktplatz eine der am häufigsten verwendeten VS Code-Erweiterungen. Ausgehend von seinem Namen erstellt Live Server einen lokalen Server auf Ihrem Computer und ermöglicht es Ihnen, die Änderungen an Ihrem Code zu sehen, während Sie schreiben.

LiveServer

Anstatt den Browser jedes Mal aktualisieren zu müssen, wenn Sie Ihren Code bearbeiten, automatisiert Live Server den Vorgang, sodass Sie die Änderungen in Echtzeit sehen können. 

Hauptfunktionen

  • Cross-Browser-Tests: Sie können LiveServer weiter verwenden Google Chrome, Mozilla Firefox, Apple Safari und Microsoft Edge. 
  • Selektive Änderungsverfolgung: Sie können die Dateien auswählen, die auf LiveServer verfolgt werden sollen
  • Kann mit jeder Technologie verwendet werden, die über HTTP bereitgestellt wird: Sie können LIveServer mit HTML, CSS, JavaScript und JavaScript-Frameworks wie Angular, Vue und React verwenden. 

Sie können die Erweiterung installieren, indem Sie sie auf dem Marktplatz suchen und live server eingeben. Es gibt jedoch mehrere Erweiterungen mit demselben Namen, und die beste Option ist, diejenige mit hohen Bewertungen und Downloads auszuwählen. 

REST Client

Diese VS Code-Erweiterung ermöglicht es Softwareentwicklern, HTTP-Anforderungen zu senden und Rückmeldungen im Code-Editor zu erhalten. Der Markt ist der berühmteste REST-Client-Erweiterung hat über 3.1 Millionen Downloads. 

REST-Client

Hauptfunktionen

  • Vielfältige Authentifizierungsunterstützung: Der REST-Client unterstützt Digest Auth, Basic Auth, Azure Active Directory, SSL-Client-Zertifikate und AWS Signature v4.
  • Unterstützt MEHRERE Anfragen für eine einzelne Datei: Sie können das Trennzeichen ### verwenden, um verschiedene HTTP-Anforderungen für dieselbe Datei zusammenzustellen. 
  • Cookie-Erinnerung: Der REST-Client speichert Cookies, wodurch nachfolgende Anforderungen einfach ausgeführt werden können. 
  • Systemvariablen unterstützen: Diese Erweiterung ermöglicht es Entwicklern, Variablen in URLs, Headern und Text zu verwenden. 

Der REST-Client ist nicht sprachspezifisch und Entwickler können ihn daher mit jeder Sprache verwenden, die HTTP-Anforderungen unterstützt. 

Image Optimizer

Visuelle Elemente wie Bilder machen eine Website ansprechender. image Optimizer bietet verschiedene Tools, mit denen Entwickler JPEG, PNG und GIFs optimieren können.

Bild-Optimierer

Diese Erweiterung führt sowohl verlustfreie (Komprimieren eines Bildes ohne Informationsverlust) als auch verlustbehaftete (das komprimierte Bild verliert einige Originaldaten) Komprimierungen durch. 

Hauptfunktionen

  • Batch-Bildoptimierung: Sie können Ihre Bilder manuell auswählen, um sie als Stapel zu optimieren, oder einen ganzen Ordner auswählen. 
  • Konfigurierbare Einstellungen: image Optimizer ermöglicht es Ihnen, die Komprimierungsstufe Ihrer Bilder zu bestimmen. 
  • Angebote Bildvorschau: Sie können alle Ihre Bilder in der Vorschau anzeigen, bevor Sie die Änderungen akzeptieren. 
  • Integriert sich in den Build-Prozess: Sie können diese Erweiterung in den Erstellungsprozess integrieren und alle Bilder optimieren, bevor Sie sie in die Produktion verschieben. 

Image Optimizer kann für jedes Projekt mit Bildern verwendet werden und ist nicht sprachspezifisch. 

GitHub Extension

GitHub ist die am häufigsten verwendete Plattform für die Speicherung, Verwaltung, Nachverfolgung und Zusammenarbeit von Code. GitHub-Erweiterung ermöglicht es Entwicklern, Änderungen zu verfolgen, Code zu verwalten und mit anderen zusammenzuarbeiten.

GitHub-Erweiterung

Hauptfunktionen

  • Einfache Verbindung mit GitHub: Der Abschnitt Team Explorer verfügt über eine Schaltfläche, mit der Sie eine Verbindung zu GitHub herstellen können. Die Erweiterung unterstützt auch die Zwei-Faktor-Authentifizierung (2FA). 
  • GitHub-Explorer: Über diesen Baum können Sie alle Repositories auf Ihrem GitHub verwalten und darin navigieren.
  • Pull-Request-Management: Entwickler können Pull-Requests von dieser Erweiterung anzeigen, erstellen und verwalten. 
  • Code-Review: Sie können den Codeverlauf anzeigen, Änderungen kommentieren und verschiedene Dateiversionen dieser Erweiterung vergleichen. 
  • Problemverwaltung: Entwickler können Probleme über die GitHub-Erweiterung anzeigen und verwalten. 

Die GitHub-Erweiterung für Visual Studio ist nur für Visual Studio 15 und höher verfügbar. 

PostSharp

PostSharp ist eine Erweiterung, die es Entwicklern ermöglicht, kürzeren und saubereren Code zu schreiben. Die Erweiterungsfunktionen sind die häufigsten. Mit den vorgefertigten Mustern von NET können Sie Ihre eigenen Muster automatisieren. 

PostSharp

Hauptfunktionen

  • Aspektorientierte Programmierung: Diese Erweiterung verwendet die System.Reflection-API, um Sie beim Validieren Ihres Codes zur Buildzeit zu unterstützen. 
  • PostSharp-Protokollierung: PostSharp ermöglicht es Entwicklern, ihren Apps eine umfassende und anpassbare Protokollierung hinzuzufügen. 
  • PostSharp-Caching: lässt sich in Redis und MemoryCache integrieren, damit Entwickler Caching zu bestehenden Methoden hinzufügen können. 
  • PostSharp-Threading: Diese Erweiterung ermöglicht es Entwicklern, Multithreading auf den richtigen Abstraktionsebenen anzugehen. Entwickler können so durch Threading verursachte Deadlocks und geringere Komplexität erkennen und diagnostizieren. 

PostSharp ist ein kommerzielles Produkt mit einer kostenlosen Version, der PostSharp-Essentials.

Visual Assist

Visuelle Unterstützung ist ein Produktivitätstool mit verschiedenen Funktionen, die bei der Codegenerierung, Navigation, Umgestaltung und Codierungsunterstützung helfen. Die Erweiterung wurde für die Sprachen C/C++ und C# entwickelt, unterstützte aber bis zu einem gewissen Grad auch Python, JavaScript und VB. 

Bild-150

Hauptfunktionen

  • Codegenerierung: Sie können Befehle wie „Create from Usage“, „Implement Interface/Virtual Methods“ und „Add Missing Case Statements“ verwenden, um Code zu generieren. 
  • Code Refactoring: Befehle wie Rename, Change Signature, Encapsulate Field und Introduce Variable ermöglichen es Entwicklern, ihren Code umzugestalten. 
  • Einfache Navigation: Verwenden Sie Befehle wie „Datei in Projektmappe öffnen“ und „Symbol in Projektmappe suchen“, um zu Dateien in Ihrem Projekt zu navigieren. 

Visual Assist ist ein kostenpflichtiges Tool mit einer 30-tägigen kostenlosen Testversion. Nach Ablauf des Testzeitraums werden einige der Funktionen deaktiviert, bis Sie eine Lizenz erwerben, die bei 249 US-Dollar pro Benutzer beginnt. 

CodeMaid

CodeMaid ist eine Erweiterung, die den Code-Schreibprozess aufräumt und vereinfacht. Es unterstützt mehrere Sprachen wie JavaScript, HTML, CSS, TypeScript, PHP, C, C++, C# und JSON. 

CodeMaid

Hauptfunktionen

  • Code-Reinigung: CodeMaid hilft Ihnen, Ihren Code von unerwünschten Leerzeichen zu bereinigen und unerwünschte Codezeilen mithilfe von Anweisungen zu entfernen. 
  • Code-Reorganisation: Mit dieser Erweiterung können Sie Ihren Code neu organisieren, um Ihren eigenen Einstellungen oder der StyleCop-Konvention von Microsoft zu folgen. 
  • Code-Grab: Diese Erweiterung bietet eine Baumansichtshierarchie, um die Visualisierung und Navigation Ihres Codes zu vereinfachen. 
  • Kommentarformatierung: Mit diesem Tool können Entwickler ihre Codekommentare so formatieren, dass sie leicht lesbar sind. 

CodeMaid ist Open Source und unterstützt zum jetzigen Zeitpunkt VS2019 und VS2022. 

GitLens

GitLens ist eine Erweiterung, die Ihnen hilft, Code besser zu verstehen. Damit können Sie erfahren, wann und warum eine Codezeile oder ein Codeblock geändert wurde. 

GitLens

Hauptfunktionen

  • Umfassende Code-Historie: GitLens erklärt ausführlich, wie sich Code entwickelt hat. 
  • Kommt mit Code-Linse: Dieses Tool fügt Informationen wie Teststatus, Symbole und Verweise zu Ihrem Code hinzu, um ihn lesbar und verwaltbar zu machen. 
  • Hat Schuldanmerkungen: Sie können feststellen, wer zuletzt einen Commit vorgenommen und die Codebasis geändert hat, indem Sie die Blame Annotations von GitLens verwenden. 
  • Repository-Navigation: Vom Code-Editor aus können Sie durch Ihre Repositories navigieren und zwischen Branches wechseln. 

GitLens ist kostenlose Software, auch wenn es Funktionen gibt, die nur verfügbar sind, wenn Sie eine Lizenz erwerben. Diese Erweiterung kann jedes Git-Repository unterstützen, unabhängig von der verwendeten Programmiersprache. 

Giflens

GIFLENS ist eine Erweiterung, die es Benutzern ermöglicht, GIF-Repositories zu visualisieren, nahtlos zu durchsuchen und darin zu navigieren. Benutzer können GIFLENS-Tags durch Hover visualisieren. 

GIFLENS

Hauptfunktionen

  • GIF-Vorschau: Sie müssen kein anderes Programm öffnen, da Sie mit Giflens GIFs aus dem VS-Code anzeigen können. 
  • Geschwindigkeitskontrolle: Sie können die Geschwindigkeit anpassen, mit der GIFs im Code-Editor abgespielt werden. 
  • Unterstützung mehrerer GIFs: Sie können verschiedene vergleichen GIFs da Sie mit dieser Erweiterung verschiedene GIFs gleichzeitig öffnen können. 

Giflens ist eine kostenlose Erweiterung und kann mit jeder Codedatei mit animierten GIFs verwendet werden. 

Docker

Docker ist eine VS Code-Erweiterung, die es einfach macht, containerisierte Anwendungen zu erstellen, zu verwalten und bereitzustellen. Die Erweiterung verfügt über erstaunliche Funktionen, die es Ingenieuren ermöglichen, mit Docker-Containern, Bildern und Registrierungen aus dem Code-Editor zu arbeiten. 

Docker

Hauptfunktionen

  • Ermöglicht die Bearbeitung von Docker-Dateien: Sie können IntelliSense durch seine Syntaxhilfe und Codevervollständigungen nutzen, wenn Sie Docker-Dateien und docker-compose.yml-Dateien bearbeiten. 
  • Docker-Explorer: Mit dieser Erweiterung können Sie alle Docker-Assets wie Volumes, Netzwerke, Container, Images und Containerregistrierungen verwalten und untersuchen. 
  • Leistungsstarke Docker-Befehle: Sie können Netzwerke, Volumes, Images, Image-Registrierungen und Docker Compose direkt über die Befehlspalette verwalten. 
  • Docker-Komposition: Das Sprachdienst verfassen bietet Tab-Vervollständigungen und IntelliSense bei der Arbeit mit docker-compose.yml-Dateien. 

Docker ist kostenlos und Open-Source. Die Docker-Erweiterung eignet sich für Webentwicklung und serverseitige Anwendungen und passt zu den meisten Programmiersprachen. 

VsVim

VsVim ist eine Erweiterung, die auf Benutzer mit Vim-Erfahrung abzielt, da sie Vim-Emulation zu VS Code hinzufügt (Vim ist ein Befehlszeilen-Texteditor, der bei Systemadministratoren und Softwareentwicklern sehr beliebt ist).

VsVim

Hauptfunktionen

  • Vim-Emulation: Entwickler können mit dieser Erweiterung ihre bevorzugten Vim-Befehle auf VS-Code ausführen. 
  • Mehrere Cursor: Mit dieser Funktion können Sie dieselbe Bearbeitung an verschiedenen Orten/Dateien vornehmen. 
  • Sehr anpassbar: Entwickler können mit dieser Erweiterung bestimmte Vim-Befehle deaktivieren. 
  • Unterstützt den visuellen Modus: Entwickler können Text ähnlich wie Vim manipulieren und auswählen. 

VsVim ist kostenlos, nicht sprachspezifisch und so konzipiert, dass es mit verschiedenen VS-Code-Dateien funktioniert. 

Settings Sync

Einstellungen Synchronisieren ist eine Erweiterung, die es Benutzern ermöglicht, Einstellungen, Erweiterungen, Themen, Arbeitsbereiche, Snippets und Tastenkombinationen über verschiedene Computer mit GitHub Gist zu synchronisieren. 

EinstellungenSync

Hauptfunktionen

  • Bietet Cloud-Speicher: Sie können alle Ihre Einstellungen und Synchronisierungen in der Cloud speichern und bei Bedarf abrufen. 
  • Automatische Synchronisierung: Änderungen werden automatisch auf verschiedene Maschinen übertragen. 
  • Integration mit GitHub: Sie können alle Ihre Einstellungen in einem öffentlichen oder privaten Repository auf GitHub speichern. 

SettingSync ist kostenlos und unterstützt Dateien, die in verschiedenen Sprachen erstellt wurden. 

Remote – SSH

Fernbedienung – SSH Mit dem Add-on für VS Code können Sie jeden Remote-PC mit einem SSH-Server als IDE verwenden. Es wird die Fehlerbehebung und Entwicklung in verschiedenen Situationen erheblich verbessern.

Remote-SSH

Hauptfunktionen

  • Entwickeln Sie Apps und Software auf einem anspruchsvollen Remote-Arbeitsplatz indem Sie von Ihrem lokalen Computer aus darauf zugreifen.
  • Wechseln Sie sofort zwischen verschiedenen Entwicklungsumgebungen, ohne die Leistung Ihres lokalen Computers zu beeinträchtigen.
  • Arbeiten Sie von mehreren Remote-Rechnern aus an einer bestehenden IDE zusammen.

Das Beste daran ist, dass Sie keinen Quellcode auf der lokalen Workstation bereitstellen müssen. Das Add-On führt Befehle und andere VS IDE-Erweiterungen direkt auf dem Remote-Computer aus. 

Prettier

Wenn Sie einen gemeinsamen Styleguide für alle Entwicklungsprojekte in Ihrem Team implementieren möchten, müssen Sie den ausprobieren Schöner Add-On für VS-Code.

Schöner

Hauptfunktionen

  • Erweiterung zur eigensinnigen Codeformatierung
  • Integriert sich in viele Code-Editoren
  • Stildiskussionen werden nutzlos, wenn Sie dieses Tool verwenden
  • Sie sparen Energie und Zeit

Manchmal müssen Sie als Entwickler möglicherweise an einer inkonsistenten Codebasis arbeiten. Mit dieser Erweiterung von VS Code können Sie eine vorhandene Codebasis problemlos bereinigen und neu formatieren.

npm

Wenn Sie an JavaScript-Projekten arbeiten, müssen Sie es versuchen npm als Paketmanager. Wenn Sie Ihre Arbeit jetzt auf den VS Code-Editor verlagern müssen, können Sie dies tun, da Sie mit der npm-Erweiterung die npm-Unterstützung im VS Code-Editor wie bei anderen IDEs nutzen können.

npm

Dies ist eine von Microsoft entwickelte VS Code-Erweiterung, die mehr als 5 Millionen Installationen verzeichnet hat.    

Project Manager

Wenn Sie ein Projektmanager für Softwareentwicklung sind und mehrere DevOps-Projekte zu VS Code betreuen, sollten Sie es ausprobieren Projektleiter. Das Tool ermöglicht Ihnen den Zugriff auf alle Projekte von einem Computer aus, unabhängig davon, wo die Projekte verfügbar sind.

Projektmanager

Es gibt Bestimmungen zum Definieren von Projekten, damit Sie sie einfach organisieren können.

Hauptfunktionen

  • Speichern Sie Ordner oder Arbeitsbereiche als Projekte
  • Kennzeichnen Sie Ihre Projekte für eine erweiterte Organisation
  • Öffnen Sie alle Projekte im neuen oder gleichen Fenster
  • Identifizieren Sie einfach umbenannte oder gelöschte Projekte

Außerdem hat die Erweiterung über 2 Millionen Installationen erlebt.    

SonarLint

SonarLint ist eine Open-Source-Visual Studio-Erweiterung, mit der Sie Codierungsprobleme beheben können, bevor sie auftreten. Das Add-On hebt Sicherheitslücken und Fehler hervor, während Sie den Code in Visual Studio schreiben. Die Benutzeroberfläche ist einfach und funktioniert wie eine App zur Rechtschreibprüfung in einem beliebigen Texteditor. 

SonarLint VS Code-Add-on

Darüber hinaus bietet Ihnen das Tool eine klare Lösungshilfe. So können Sie den Code reparieren, bevor der Workflow an das Programm übergeben wird. Darüber hinaus unterstützt die Erweiterung von VS Code verschiedene Programmiersprachenanalysen wie C++, C, Java, HTML, PHP, JavaScript, TypeScript und Python.

Stylelint

Suchen Sie nach einem automatisierten Tool, das Programmierfehler, Stilfehler, Bugs und andere verdächtige Konstrukte in VS Code anzeigt? Du kannst es versuchen Stylelint, eine einfach zu installierende Linter-Erweiterung für VS Code.

Abgesehen von der Kennzeichnung zwingt es Ihr Entwicklungsteam, sich an vorab genehmigte Code-Styling-Konventionen zu halten, um Junk und Müll in Ihrer Software oder Ihrem App-Code zu vermeiden.

Stylelint

Hauptfunktionen

  • Plugin-Unterstützung für personalisierte Regelerstellung
  • Für moderne CSS-Funktionen und -Syntaxen verfügt es über mehr als 170 integrierte Regeln
  • Manchmal behebt es Codeprobleme automatisch, wenn es ein Muster versteht

VS Marketplace zeigt 700 Installationen für dieses Add-on.   

CSS Peek

Möchten Sie nicht mehr zu Ihrer .css-Datei wechseln müssen, um die an eine ID oder Klasse angehängten Eigenschaften zu überprüfen? Das musst du ausprobieren CSS-Peek Add-On für VS-Code. Damit können Sie das Hover-Bild des CSS-Codes aus der HTML-Datei anzeigen.

CSS Peek-Erweiterung

Die Erweiterung wandelt auch IDs und Klassennamen in Hyperlinks um. Wenn Sie also auf diese Hyperlinks klicken, können Sie sofort auf die ID-Definition und -Klasse Ihres CSS zugreifen.

Dieses Add-On hat mehr als 3 Millionen Installationen verzeichnet. Sie können das Tool kostenlos in VS Code installieren.    

Polacode

Polcode ist ein Add-on für VS Code, mit dem Sie sofort schöne erstellen können Screenshots Ihrer Software oder Ihres App-Codes. Anschließend können Sie die resultierende Komponente verwenden, um Ihre Programmierarbeit mit Mitarbeitern, Freunden oder Kunden zu teilen.

Das Beste daran ist, dass alle vorhandenen VS Code-Designs und Code-Schriftarten beibehalten werden. Das Add-On fügt den Code einfach in ein schönes Layout ein, das professionell aussieht.

Polcode

Die Erweiterung verfügt über eine Ziehfunktion zum Ändern der Größe des Containers oder des Codeausschnitts. Sie müssen nur die untere rechte Ecke gedrückt halten und ziehen. Andere Befehle, die Sie verwenden können, um das Erscheinungsbild von Bildern zu steuern, sind polacode.shadow, polacode.target, polacode.backgroundColor usw.  

Import Cost

Importkosten ist ein VS Code-Add-On, mit dem Sie die Dateigröße einer importierten Bibliothek eines Drittanbieters visualisieren können. Es zeigt den Importkostenwert an, sobald Sie die Bibliothek in den VS-Code-Editor importieren. 

Kosten Visual Studio-Erweiterung importieren

Sie sehen die Bibliotheksgröße inline, während Sie den Code eingeben. Um die Größe der importierten Bibliotheksdatei anzuzeigen, wird ein Webpack verwendet.

Hauptfunktionen

  • Bibliotheksgröße für den Import des gesamten Inhalts
  • Ansichtsgröße für den Standardimport
  • Kompatibel mit den Programmiersprachen Typescript und JavaScript.

Das Add-On hat mehr als 1 Million Installationen verzeichnet.    

Path Intellisense

Normalerweise müssen Sie mehrere Dateien verwalten, wenn Sie an einem Software- oder App-Entwicklungsprojekt arbeiten. Beim Schreiben eines Codes müssen Sie den Dateinamen unverändert aus Ihrem eigenen Speicher eingeben.

Da die Dateinamen jetzt Bindestriche enthalten, wird es zu einer herausfordernden Aufgabe, sich an sie zu erinnern. Hier können Sie schnelle Hilfe in Anspruch nehmen Pfad Intellisense.

Path Intellisense-Add-On

Es ist eine Erweiterung, die Dateinamen in einer Codebasis automatisch vervollständigt. Das Tool schlägt sofort die gesuchte Datei vor, wenn es die Anfangsbuchstaben erkennt. Es kann Ihnen auch helfen, versteckte Dateien sichtbar zu machen.

JavaScript Debugger

Es basiert auf einem Debug-Adapter-Protokoll (DAP). JavaScript-Debugger. Mit dem Tool können Sie Chrome-, Node.js-, WebView2-, Edge-, VS-Code-Add-Ons und viele mehr debuggen. Seit VS Code Version 1.46 ist JavaScript Debugger das standardmäßige Debug-Add-on. Microsoft rollt das Tool auch nach und nach für die Visual Studio IDE aus.

JavaScript-Debugger (Nacht)

Diese VS Code-Erweiterung ist ein Open-Source-Tool von Microsoft. Es steht Ihnen frei, es für kommerzielle oder nichtkommerzielle Entwicklungszwecke zu verwenden. Das Tool hat bisher über 600 Installationen aufgezeichnet. 

Zusammenfassung

Bisher haben Sie einige der besten VS Code-Erweiterungen entdeckt, die Sie verwenden müssen, wenn Sie gerne mit Microsoft Visual Studio Code arbeiten. Es ist ein führender Name im Ökosystem der Open-Source-Code-Editoren. Abhängig von Ihren Projektanforderungen können Sie eine der oben genannten VS IDE-Erweiterungen installieren.

Diese ultimative Liste der besten VS-IDE-Erweiterungen hilft Ihnen, die Zeit zu sparen, die Sie in die Suche nach diesen Tools investiert hätten. Jetzt können Sie Ihrem Projekt mehr Zeit widmen, da Sie bereits wissen, welche Erweiterungen gut sind.

Sie können auch einige der beste IDEs sollte jeder Programmierer kennen.

Mitverfasser: Titus Kamunya

Danke an unsere Sponsoren
Weitere großartige Lektüre zum Thema Entwicklung
Treiben Sie Ihr Geschäft an
Einige der Tools und Dienste, die Ihr Unternehmen beim Wachstum unterstützen.
  • Invicti verwendet das Proof-Based Scanning™, um die identifizierten Schwachstellen automatisch zu verifizieren und innerhalb weniger Stunden umsetzbare Ergebnisse zu generieren.
    Versuchen Sie es mit Invicti
  • Web-Scraping, Wohn-Proxy, Proxy-Manager, Web-Unlocker, Suchmaschinen-Crawler und alles, was Sie zum Sammeln von Webdaten benötigen.
    Versuchen Sie es mit Brightdata
  • Semrush ist eine All-in-One-Lösung für digitales Marketing mit mehr als 50 Tools in den Bereichen SEO, Social Media und Content-Marketing.
    Versuchen Sie es mit Semrush
  • Intruder ist ein Online-Schwachstellenscanner, der Cyber-Sicherheitslücken in Ihrer Infrastruktur findet, um kostspielige Datenschutzverletzungen zu vermeiden.
    MIT DER INTELLIGENTEN SCHADENKALKULATION VON Intruder