Die besten Plugins zum Hinzufügen zu Visual Studio Code

Wenn es darum geht, in die interessante Welt der Anwendungsentwicklung einzutauchen, können wir eine Vielzahl von Sprachen verwenden. Es gibt spezielle für bestimmte Aufgaben, zusätzlich zu anderen, allgemeineren. Darüber hinaus müssen wir den Code-Editor auswählen, den wir in unserem Team verwenden möchten und der unseren Anforderungen entspricht. Hier ist eine der Möglichkeiten, die wir nutzen können Visual Studio Code .

Dies ist eine großartige Lösung, die der Softwareriese anbietet Microsoft, Gerichte sowohl für Anfänger, die damit beginnen, als auch für die Profis. Um uns eine Vorstellung zu geben, sprechen wir hier über Visual Studio Code, einen von Microsoft selbst entwickelten Code-Editor. Wir haben die Möglichkeit, es zu installieren und auszuführen Windows , Linux und Mac OS- basierte Computer.

beste Plugins zum Hinzufügen zu Visual Studio Code

Wichtige Funktionen, die Visual Studio Code integriert

Wie Sie sich bei einer Software dieser Eigenschaften und Bedeutung vorstellen können, bietet sie uns eine Vielzahl von Funktionen, die uns bei der Entwicklung des Codes helfen. Aber das ist noch nicht alles, denn neben den Funktionen zeichnet es sich durch hohe Stabilität und Leichtigkeit aus. Daher wird es zum beliebtesten Texteditor für diese Aufgaben.

Außerdem ist dieser Open-Source-Editor plattformübergreifend und in der Softwareentwicklungs-Community sehr beliebt. Als Kuriosität werden wir Ihnen sagen, dass es beta Version wurde Ende 2015 veröffentlicht und die erste stabile Version wurde im April 2016 veröffentlicht. Wichtig ist auch zu wissen, dass Visual Studio Code mit einer Vielzahl von Programmiersprachen kompatibel ist. Daher wird dies für die meisten Entwickler kein Problem sein.

Der Editor unterstützt Debugging, integrierte Git-Steuerung, Syntaxhervorhebung, intelligente Codevervollständigung usw. Es muss gesagt werden, dass er uns eine ziemlich anpassbare Benutzeroberfläche bietet, mit der Benutzer das Thema oder die Tastenkombinationen ändern können andere Dinge.

Visual Studio Code-Schnittstelle

Wie Sie sich vorstellen können, erleichtert all dies die Arbeit hier, da wir die Software an unsere Bedürfnisse oder Vorlieben anpassen können. Auch bekannt als VScode , hat es dieser Redakteur geschafft, viele andere, die seit Jahren bei uns etabliert waren, vom Platz zu nehmen, ein Programm, das wir können hier herunterladen .

Ein weiterer Vorteil, den uns diese Plattform bietet, ist, dass wir ihre Funktionalität erheblich steigern können, worüber wir im Folgenden sprechen werden.

Plugins zur Verbesserung der VScode-Funktionalität

Wie bei vielen anderen gleichartigen Lösungen üblich, bietet uns Visual Studio Code die Möglichkeit, zusätzliche Plugins. Wenn wir bedenken, dass wir es heute mit einem der am häufigsten verwendeten Code-Editoren zu tun haben, ist einer der Gründe dafür die Anzahl der verfügbaren Plugins.

Genau aus diesem Grund zeigen wir Ihnen im Folgenden einige dieser wichtigsten und nützlichsten Erweiterungen, die Sie in VScode verwenden können. Wie gesagt, die Anzahl dieser zusätzlichen Elemente ist sehr hoch, so dass je nach Art der Arbeit oder Verwendung des Programms das eine oder andere für Sie von Nutzen sein kann.

Tag automatisch umbenennen

Wir beginnen diese Auswahl an Erweiterungen oder Plugins mit Auto Rename Tag. Es ist erwähnenswert, dass trotz seiner Einfachheit, wenn etwas dieses Element charakterisiert, es der Nutzen ist, den es bietet. Im Grunde ändert diese Erweiterung automatisch den Namen eines gepaarten HTML / XML-Tag.

Tag automatisch umbenennen

Aufgrund der weit verbreiteten Verwendung dieser Etiketten ist es sehr hilfreich, vor allem dank der Zeitersparnis, die wir dadurch sparen. Wir haben die Möglichkeit, dieses Plugin direkt zu ergattern diesen Link .

Tags automatisch schließen

Die Automatisierung von Aufgaben in dieser Art von Programme und Entwicklungsplattformen ist eine der von regelmäßigen Benutzern am meisten geschätzten Funktionen. Wir müssen bedenken, dass das Schreiben von Code manchmal ziemlich repetitiv ist. Daher bieten wir mit diesem Plugin Visual Studio Code mit Closed-Tag-Unterstützung für HTML , Lenker und Razor-Dateien.

Tags automatisch schließen

Gleichzeitig müssen wir wissen, dass die Erweiterung für andere Sprachen wie XML, PHP, JavaScript, TypeScript usw. aktiviert ist. Wir können sie ergattern von hier .

Im Browser öffnen

An dieser Stelle müssen wir wissen, dass VSCode keine integrierte Schnittstelle zum Öffnen von Dateien direkt aus dem Web-Browser . Daher genau die Bedeutung oder Nützlichkeit, die uns dieses Plugin bringen wird, über das wir sprechen werden. Dies liegt daran, dass diese Erweiterung dem Programm eine neue Option namens Öffnen mit dem Standardbrowser hinzufügt.

Im Browser öffnen

Wir finden die Ergänzung in der Kontextmenü , sowie Tastenkombinationen zum Öffnen im Browser, die wir normalerweise auf dem System verwenden. Wir haben die Möglichkeit, das alles zu testen Laden Sie die Erweiterung hier herunter .

Quokka

In diesem anderen Fall, in dem wir Ihnen die Verwendung in Visual Studio Code vorstellen, sprechen wir von Quokka. Tatsächlich ist es ein Debugging-Tool, das uns Echtzeit-Feedback zu dem Code gibt, den wir gerade schreiben. Gleichzeitig zeigt es uns eine Vorschau der Ergebnisse der Funktionen und der berechneten Werte der Variablen.

Quokka

Aus all diesen Gründen können Sie sich vorstellen, dass dieses Plugin unter bestimmten Umständen sehr hilfreich sein kann. Außerdem ist es sehr einfach zu konfigurieren und funktioniert mit JSX und Typoskript Projekte. Wir können es herunterladen von diesem Link .

GitLens

Dass sich dieser Editor perfekt an alle Betriebssysteme anpasst, haben sicher viele von Ihnen schon aus erster Hand überprüfen können. Es bietet auch alle möglichen Funktionalitäten, um uns die Entwicklung unserer eigenen zu erleichtern Projekte . Es stimmt aber auch, dass noch einiges fehlt, obwohl wir dafür diese Erweiterungen verwenden können.

GitLens

Dies ist der Fall mit GitLens , ein Plugin, das die Erfahrung bei der Verwendung eines Code-Editors wie diesem von . verbessert Microsoft . Dadurch können wir sehen, wer die Codezeile, an der ich gerade arbeite, wann geändert hat. Gleichzeitig können wir den Änderungsverlauf jeder Datei einsehen, zwischen verschiedenen Modifikationen unterscheiden usw. Um diese Erweiterung hinzuzufügen, können Sie dies tun von hier .

Vscode-Faker

Dieser super interessante Vorschlag dieser Art, der es uns ermöglicht, einfach und schnell Beispieldaten in unser Projekt einzufügen. Dazu verwendet es die Faker-JavaScript-Bibliothek und wir können generieren zufällige Namen , Adressen, Bilder , Telefonnummern usw. Gleichzeitig ist es erwähnenswert, dass jede Kategorie mehrere Unterkategorien hat, um die gesuchten Inhalte so schnell wie möglich zu finden. Um all dies zu testen, können Sie dies über diesen Link tun ( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).

Schwindler

Materialsymbol-Thema

Es kann auch sein, dass wir das Erscheinungsbild des Editors ein wenig ändern müssen, um ihn zu personalisieren oder sich wohler zu fühlen. Genau dafür können wir das Plugin in Form eines Themes zum Visual Studio Code hinzufügen. Eigentlich beziehen wir uns hier auf ein Thema, das uns ein minimalistischer und einfach zu bedienende Schnittstelle. Wenn Sie es ausprobieren möchten, können Sie es tun von hier .

Materialsymbol-Thema