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
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?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
