Biz Stone: „Entscheide dich! Die Aufgabe, großartig zu bauen, vom Gründer von Twitter “
Einer der Unterschiede zwischen sehr guten Programmierern und guten Programmierern besteht darin, welche Tools sie verwenden. Die Auswahl der richtigen Tools kann das Leben eines Entwicklers erheblich erleichtern. Es bezieht sich auf die Feinabstimmung der IDEs, die beim Schreiben von Code verwendet werden. Viele Programmierer verwenden heutzutage Visual Studio Code. Dieser Code-Editor unterstützt die Installation von Erweiterungen. Es gibt so viele solcher Erweiterungen, dass wir sagen können, dass die Anpassungsmöglichkeiten von VS Code nahezu unbegrenzt sind. Aber auf dem Visual Studio Marketplace
Auf der Website, auf der Erweiterungen für VS Code veröffentlicht werden, wird eine unglaubliche Anzahl von Erweiterungen veröffentlicht. Dies bedeutet, dass es für Programmierer schwierig ist, genau das zu finden, was sie wirklich brauchen. Wenn eine bestimmte Erweiterung für jemanden nützlich erschien, ist es durchaus möglich, dass sie auch anderen Menschen zugute kommt. Daher werde ich Ihnen hier über 7 Erweiterungen für VS Code berichten, die die Arbeit des Programmierers erheblich erleichtern können. Dies sind alles kostenlose Erweiterungen. Jeder kann sie kostenlos herunterladen und verwenden.
1. REST-Client
Mit der REST-Client- Erweiterung können Sie direkt ab VS-Code HTTP-Anforderungen senden und die Antworten darauf sofort anzeigen. Mit dieser Erweiterung können Sie sich von externen Anwendungen verabschieden, die Sie sonst verwenden müssten, um Anforderungen an Server zu stellen.
Mit über einer Million Downloads ist diese Erweiterung sehr beliebt. Es wird von vielen Programmierern verwendet. Ich benutze den REST-Client schon seit einiger Zeit und ich denke, er ist ein großartiges Tool.
Es macht es sehr einfach und bequem, Anfragen zu erstellen und zu senden. Bei der Arbeit werden klare syntaktische Konstruktionen verwendet, die die Verwendung in verschiedenen Situationen erleichtern. Zum Senden einer einfachen GET-Anforderung ist beispielsweise nur eine Codezeile erforderlich, die das Schlüsselwort
GETund die URL enthält.
Im Allgemeinen empfehle ich, diese Erweiterung für alle zu testen, die REST-Client-Funktionalität benötigen.
Arbeiten mit dem REST-Client
2. CSS Peek
Wenn Sie sich für Webentwicklung interessieren, ist CSS Peek eine unverzichtbare Erweiterung in Ihrer Toolbox. Mit dieser Erweiterung können Sie schnell CSS-Regeln anzeigen, die auf verschiedene HTML-Elemente angewendet werden. Um den entsprechenden CSS-Code anzuzeigen, bewegen Sie den Mauszeiger einfach über den Klassennamen oder die ID des Elements.
Im Folgenden wird der Prozess für die Arbeit mit CSS Peek beschrieben.
Arbeiten mit CSS Peek
Die Funktionen dieser Erweiterung gehen jedoch über das Durchsuchen von Stilen hinaus. Unter anderem können Sie schnell zum Code der CSS-Regeln springen, mit denen die Elemente formatiert werden. Dies spart Ihnen viel Zeit bei der Suche nach passenden Selektoren.
3. Verschönern
Wenn Sie sauberen Code mögen, werden Sie die Beautify- Erweiterung auf jeden Fall lieben . Hier können Sie Ihren Code formatieren. Beautify unterstützt JavaScript, HTML, CSS, Sass und JSON.
Das Beste an dieser Erweiterung ist, dass sie sich für eine umfassende Anpassung eignet. Dazu gehört beispielsweise das Festlegen der Einrückungsgrößen und das Festlegen, ob Dateien mit einer neuen Zeile beendet werden sollen. Beautify eignet sich für diejenigen, die Code in verschiedenen Programmiersprachen schreiben, für die Sie jeweils eigene Einstellungen vornehmen können.
Beautify gehört mit über 5 Millionen Downloads zu den 20 beliebtesten Erweiterungen.
4. Tag automatisch umbenennen
Die Auto Rename Tag- Erweiterung löst ein sehr einfaches Problem, kann jedoch ihren rechtmäßigen Platz in der Toolbox des Programmierers einnehmen. Es automatisiert nämlich die Aufgabe des Umbenennens von HTML-Tags. Insbesondere wenn das Start-Tag umbenannt wird, ändert sich auch das End-Tag. Das gleiche passiert, wenn Sie das End-Tag umbenennen.
Wenn Sie möchten, dass ein Tag zum automatischen Schließen automatisch eingegeben wird, nachdem Sie eine Klammer eingegeben haben, die das Start-Tag beendet, sehen Sie sich die Erweiterung Tag zum automatischen Schließen an . Wenn Sie über beide Erweiterungen verfügen, hilft dies Ihnen beim Schreiben von HTML-Code, wodurch Ihre Arbeit effizienter und die Ergebnisse Ihrer Arbeit konsistenter werden.
Arbeiten mit Tag automatisch umbenennen
5. Quokka.js
Die Erweiterung Quokka.js ist eine Art Sandbox zum Experimentieren mit Code, die direkt in den Editor integriert ist. Sie können mit Dateien arbeiten, indem Sie die entsprechenden Hinweise direkt im Code anzeigen. Diese Tipps werden während der Eingabe des Programmtextes angezeigt, was sehr praktisch ist.
Arbeiten mit Quokka.js
6. Nachteule
Was kostet die Optimierung von VS Code ohne Verwendung eines erstaunlichen Themas? Programmierer verbringen viel Zeit mit der Arbeit im Editor. Je attraktiver der Editor aussieht, desto besser.
Nachteule ist eines der großartigen Themen, die von vielen Programmierern verwendet werden. Die Beschreibung besagt, dass es für diejenigen gedacht ist, die bis spät in die Nacht am Computer sitzen.
Nachteulen-Thema
Aber wenn Sie dieses Thema nicht mögen, ist es okay. Es gibt viele weitere gute Themen, von denen eines definitiv zu Ihnen passt.
7. JavaScript (ES6) -Code-Snippets
Die JavaScript (ES6) -Code-Snippets- Erweiterung, die dieses Material abschließt, bietet dem Entwickler eine Reihe von Snippets, mit denen Sie schnell moderne JavaScript-Konstrukte erstellen können.
Wenn Sie beispielsweise mit dieser Erweiterung eingeben
clgund drücken, wird Enterder Code abgerufen console.log. Es kann einige Zeit dauern, bis alle in dieser Erweiterung verfügbaren Snippets gemeistert sind. Aber jemand, der JavaScript (ES6) -Code-Snippets implementiert hat, kann sehr schnell modernen JS-Code schreiben. Es lohnt sich für die Zeit, die Sie mit dem Erlernen dieser Erweiterung verbracht haben.
Welche VS-Code-Erweiterungen verwenden Sie?
