22 nützliche Erweiterungen für einen unerfahrenen Programmierer

2024 Autor: Malcolm Clapton | [email protected]. Zuletzt bearbeitet: 2023-12-17 03:51

Erweiterungen für Chrome und Visual Studio Code, die viele Codierungsaufgaben erleichtern und Ihnen Zeit sparen.

Chrome-Erweiterungen

1. WhatFont ist eine einfache Möglichkeit, herauszufinden, welche Schriftart auf einer bestimmten Website verwendet wird, um sie zu finden und in Ihren Projekten zu verwenden.

2. Pestizid ist ein Werkzeug zum Hervorheben von Konturen und CSS-Änderungen. Nützlich, wenn Sie das Blocklayoutmodell beherrschen.

3. Colorzilla ist ein Tool, um genaue Farben von Websites zu erhalten. Der Farbcode wird der Einfachheit halber direkt in die Zwischenablage kopiert.

4. CSS Peeper ist eine Erweiterung zum Anzeigen von Farben und Assets, die auf Websites verwendet werden: Illustrationen, Textdokumente, Layoutdateien, Videodateien.

5. Wappalyzer ist ein Dienstprogramm, mit dem Sie Content-Management-Systeme, Frameworks, Serversoftware, Analysetools und andere auf Websites verwendete Technologien identifizieren können.

6. Die React Developer Tools sind ein nützliches Tool zum Debuggen von React.js-Anwendungen.

7. Redux DevTools ist ein Tool zum Debuggen von Anwendungen mit Redux.

8. JSON Formatter ist eine Erweiterung zur Vereinfachung der Lesbarkeit von JSON mit Syntaxhervorhebung, Einrückung und anklickbaren Links.

9. Vimeo Repeat and Speed ist eine einfache Erweiterung zur Beschleunigung des Vimeo-Videodienstes, die beim Ansehen von Video-Tutorials nützlich ist.

Erweiterungen für VS-Code

10. Auto Rename Tag ist eine Erweiterung zum Umbenennen von HTML-Tags. Wenn Sie das öffnende Tag ändern, ändert sich automatisch das schließende Tag.

11. HTML-CSS-Unterstützung - CSS-Unterstützung für HTML-Dokumente mit Syntaxhervorhebung, Verbindung von entfernten CSS-Dateien und anderen nützlichen Funktionen.

12. HTML-Snippets sind vorgefertigte Snippets, um Zeit zu sparen.

13. Babel ES6 / ES7 ist ein JavaScript-Tool zur Hervorhebung und Syntaxprüfung von Babel.

14. Bracket Pair Colorizer ist ein Werkzeug zum Einfärben von öffnenden und schließenden Klammern mit bestimmten Farben, um sie schnell zu finden.

15. ESLint - Integration von ESLint in Visual Studio Code, um die Qualität Ihres Codes zu überprüfen und Fehler zu finden.

16. Hilfslinien – Fügt Ihrem Code zusätzliche Hilfslinien hinzu, um das Auffinden von öffnenden und schließenden Elementen zu erleichtern.

17. JavaScript Console Utils ist ein Dienstprogramm, das die Erstellung nützlicher console.log()-Anweisungen vereinfacht, einschließlich des schnellen Einfügens von Code zum Protokollieren einer ausgewählten Variablen.

18. Code Spell Checker ist eine Erweiterung für die schnelle Rechtschreibprüfung.

19. GitLens ist ein nützliches Tool zum Visualisieren von Code-History-Informationen, damit Sie verfolgen können, wann und von wem Änderungen vorgenommen wurden.

20. Path Intellisense ist ein Tool zum automatischen Vervollständigen von Dateinamen bei der Eingabe einer Zeile.

21. Prettier ist eine Erweiterung für die automatische Codeformatierung und die Zusammenfassung der verschiedenen Abschnitte in einem einzigen Formular.

22. VSCode-Icons - Fügen Sie dem Dateibaum visuelle Symbole hinzu, um die Suche zu erleichtern und die visuelle Wahrnehmung zu verbessern.

Natürlich sollten Sie nicht alles aus dieser Liste installieren. Einige dieser Erweiterungen können als austauschbar bezeichnet werden, während andere Erfahrung mit einfacheren Tools erfordern.