22 nyttige utvidelser for en nybegynner programmerer

2024 Forfatter: Malcolm Clapton | [email protected]. Sist endret: 2023-12-17 04:07

Utvidelser for Chrome og Visual Studio Code som gjør mange kodeoppgaver enklere og sparer tid.

Chrome-utvidelser

1. WhatFont er en enkel måte å finne ut hvilken font som brukes på et bestemt nettsted for å finne den og bruke den i prosjektene dine.

2. Pesticide er et verktøy for konturfremheving og CSS-modifikasjoner. Nyttig når du mestrer blokklayoutmodellen.

3. Colorzilla er et verktøy for å få nøyaktige farger fra nettsider. For enkelhets skyld kopieres fargekoden direkte til utklippstavlen.

4. CSS Peeper er en utvidelse for visning av farger og eiendeler som brukes på nettsteder: illustrasjoner, tekstdokumenter, layoutfiler, videofiler.

5. Wappalyzer er et verktøy som lar deg identifisere innholdsstyringssystemer, rammeverk, serverprogramvare, analyseverktøy og andre teknologier som brukes på nettsteder.

6. React-utviklerverktøyene er et nyttig verktøy for å feilsøke React.js-applikasjoner.

7. Redux DevTools er et verktøy for feilsøking av applikasjoner ved hjelp av Redux.

8. JSON Formatter er en utvidelse for å forenkle lesbarheten til JSON med syntaksutheving, innrykk, klikkbare lenker.

9. Vimeo Repeat and Speed er en enkel utvidelse for å øke hastigheten på Vimeo-videotjenesten, som er nyttig når du ser på videoopplæringer.

Utvidelser for VS-kode

10. Auto Rename Tag er en utvidelse for å gi nytt navn til HTML-tagger. Når du endrer åpningstaggen, vil den avsluttende taggen automatisk endres.

11. HTML CSS-støtte - CSS-støtte for HTML-dokumenter med syntaksutheving, tilkobling av eksterne CSS-filer og andre nyttige funksjoner.

12. HTML-snutter er ferdige kodebiter for å spare tid.

13. Babel ES6 / ES7 er et JavaScript Babel-uthevings- og syntakskontrollverktøy.

14. Bracket Pair Colorizer er et verktøy for å fargelegge åpning og lukking av parentes med spesifikke farger for raskt å finne dem.

15. ESLint - Integrasjon av ESLint i Visual Studio Code for å sjekke kvaliteten på koden din og finne feil.

16. Guider – Legger til flere guidelinjer til koden din for å gjøre det lettere å finne åpnings- og lukkeelementer.

17. JavaScript Console Utils er et verktøy for å forenkle opprettelsen av nyttige console.log ()-setninger, inkludert rask innsetting av kode for å logge en valgt variabel.

18. Code Spell Checker er en utvidelse for rask stavekontroll for kode.

19. GitLens er et nyttig verktøy for å visualisere kodehistorikkinformasjon slik at du kan spore når endringer ble gjort og av hvem.

20. Path Intellisense er et verktøy for automatisk å fullføre filnavn når en linje legges inn.

21. Prettier er en utvidelse for automatisk kodeformatering og bringe de ulike delene til en enkelt form.

22. VSCode-Icons - legg til visuelle ikoner i filtreet for enklere søk og bedre visuell oppfatning.

Selvfølgelig bør du ikke installere alt fra denne listen. Noen av disse utvidelsene kan kalles utskiftbare, mens andre vil kreve erfaring med enklere verktøy.