22 nyttige udvidelser til en nybegynder programmør

2024 Forfatter: Malcolm Clapton | [email protected]. Sidst ændret: 2023-12-17 03:51

Udvidelser til Chrome og Visual Studio Code, der gør mange kodningsopgaver nemmere og sparer dig tid.

Chrome-udvidelser

1. WhatFont er en nem måde at finde ud af, hvilken skrifttype der bruges på et bestemt websted for at finde den og bruge den i dine projekter.

2. Pesticid er et værktøj til konturfremhævning og CSS-modifikationer. Nyttigt, når du mestrer bloklayoutmodellen.

3. Colorzilla er et værktøj til at få præcise farver fra hjemmesider. For nemheds skyld kopieres farvekoden direkte til udklipsholderen.

4. CSS Peeper er en udvidelse til visning af farver og aktiver, der bruges på websteder: illustrationer, tekstdokumenter, layoutfiler, videofiler.

5. Wappalyzer er et værktøj, der giver dig mulighed for at identificere indholdsstyringssystemer, rammer, serversoftware, analyseværktøjer og andre teknologier, der bruges på websteder.

6. React Developer Tools er et nyttigt værktøj til fejlretning af React.js-applikationer.

7. Redux DevTools er et værktøj til fejlretning af applikationer ved hjælp af Redux.

8. JSON Formatter er en udvidelse til at forenkle læsbarheden af JSON med syntaksfremhævning, indrykning, klikbare links.

9. Vimeo Repeat and Speed er en simpel udvidelse til at fremskynde Vimeo-videotjenesten, hvilket er nyttigt, når du ser videotutorials.

Udvidelser til VS-kode

10. Auto Rename Tag er en udvidelse til at omdøbe HTML-tags. Når du ændrer åbningsmærket, ændres det afsluttende mærke automatisk.

11. HTML CSS-understøttelse - CSS-understøttelse af HTML-dokumenter med syntaksfremhævning, tilslutning af eksterne CSS-filer og andre nyttige funktioner.

12. HTML-uddrag er færdige uddrag for at spare tid.

13. Babel ES6 / ES7 er et JavaScript Babel-fremhævnings- og syntakskontrolværktøj.

14. Bracket Pair Colorizer er et værktøj til at farve åbning og lukning af beslag med specifikke farver for hurtigt at finde dem.

15. ESLint - Integration af ESLint i Visual Studio Code for at kontrollere kvaliteten af din kode og finde fejl.

16. Hjælpelinjer - Tilføjer yderligere guidelinjer til din kode for at gøre det nemmere at finde åbne- og lukkeelementer.

17. JavaScript Console Utils er et værktøj til at forenkle oprettelsen af nyttige console.log ()-sætninger, herunder hurtig indsættelse af kode for at logge en valgt variabel.

18. Code Stavekontrol er en udvidelse til hurtig stavekontrol.

19. GitLens er et nyttigt værktøj til at visualisere kodehistorikoplysninger, så du kan spore, hvornår ændringer blev foretaget, og af hvem.

20. Path Intellisense er et værktøj til automatisk at udfylde filnavne, når en linje indtastes.

21. Prettier er en udvidelse til automatisk kodeformatering og bringer dens forskellige sektioner til en enkelt form.

22. VSCode-Icons - tilføj visuelle ikoner til filtræet for lettere søgning og bedre visuel opfattelse.

Du skal selvfølgelig ikke installere alt fra denne liste. Nogle af disse udvidelser kan kaldes udskiftelige, mens andre vil kræve erfaring med enklere værktøjer.