22 handige uitbreidingen voor een beginnende programmeur

2024 Auteur: Malcolm Clapton | [email protected]. Laatst gewijzigd: 2023-12-17 04:06

Extensies voor Chrome en Visual Studio Code die veel codeertaken vereenvoudigen en u tijd besparen.

Chrome-extensies

1. WhatFont is een gemakkelijke manier om erachter te komen welk lettertype op een bepaalde site wordt gebruikt om het te vinden en te gebruiken in uw projecten.

2. Pesticide is een hulpmiddel voor het markeren van contouren en CSS-aanpassingen. Handig bij het beheersen van het bloklay-outmodel.

3. Colorzilla is een hulpmiddel om nauwkeurige kleuren van websites te krijgen. Voor het gemak wordt de kleurcode rechtstreeks naar het klembord gekopieerd.

4. CSS Peeper is een extensie voor het bekijken van kleuren en middelen die op websites worden gebruikt: illustraties, tekstdocumenten, lay-outbestanden, videobestanden.

5. Wappalyzer is een hulpprogramma waarmee u contentbeheersystemen, frameworks, serversoftware, analysetools en andere technologieën die op sites worden gebruikt, kunt identificeren.

6. De React Developer Tools zijn een handig hulpmiddel voor het debuggen van React.js-toepassingen.

7. Redux DevTools is een tool voor het debuggen van applicaties met Redux.

8. JSON Formatter is een extensie om de leesbaarheid van JSON te vereenvoudigen met syntaxisaccentuering, inspringing en klikbare links.

9. Vimeo Repeat and Speed is een eenvoudige uitbreiding voor het versnellen van de Vimeo-videoservice, wat handig is bij het bekijken van videozelfstudies.

Extensies voor VS-code

10. Auto Rename Tag is een extensie voor het hernoemen van HTML-tags. Wanneer u de openingstag wijzigt, verandert de sluitingstag automatisch.

11. HTML CSS-ondersteuning - CSS-ondersteuning voor HTML-documenten met syntaxisaccentuering, het verbinden van externe CSS-bestanden en andere handige functies.

12. HTML-fragmenten zijn kant-en-klare fragmenten om tijd te besparen.

13. Babel ES6 / ES7 is een JavaScript Babel-markerings- en syntaxiscontroletool.

14. Bracket Pair Colorizer is een hulpmiddel voor het inkleuren van openings- en sluithaakjes met specifieke kleuren om ze snel te vinden.

15. ESLint - Integratie van ESLint in Visual Studio Code om de kwaliteit van uw code te controleren en bugs te vinden.

16. Gidsen - Voegt extra richtlijnen toe aan uw code om het gemakkelijker te maken om openings- en sluitingselementen te vinden.

17. JavaScript Console Utils is een hulpprogramma om het maken van handige console.log ()-instructies te vereenvoudigen, inclusief het snel invoegen van code om een geselecteerde variabele te loggen.

18. Code Spell Checker is een extensie voor snelle code spellingcontrole.

19. GitLens is een handig hulpmiddel voor het visualiseren van informatie over de codegeschiedenis, zodat u kunt volgen wanneer wijzigingen zijn aangebracht en door wie.

20. Path Intellisense is een hulpmiddel voor het automatisch invullen van bestandsnamen als een regel wordt ingevoerd.

21. Prettier is een extensie voor het automatisch formatteren van codes en het samenbrengen van de verschillende secties in één formulier.

22. VSCode-pictogrammen - voeg visuele pictogrammen toe aan de bestandsstructuur voor eenvoudiger zoeken en een betere visuele waarneming.

Natuurlijk moet je niet alles uit deze lijst installeren. Sommige van deze extensies kunnen onderling uitwisselbaar worden genoemd, terwijl andere ervaring met eenvoudigere tools vereisen.