Innehållsförteckning:

22 användbara tillägg för en nybörjare
22 användbara tillägg för en nybörjare
Anonim

Tillägg för Chrome och Visual Studio Code som gör många kodningsuppgifter enklare och sparar tid.

22 användbara tillägg för en nybörjare
22 användbara tillägg för en nybörjare

Chrome-tillägg

tillägg för programmerare: Chrome
tillägg för programmerare: Chrome

1. WhatFont är ett enkelt sätt att ta reda på vilket typsnitt som används på en viss webbplats för att hitta det och använda det i dina projekt.

2. Bekämpningsmedel är ett verktyg för konturmarkering och CSS-modifieringar. Användbar när du behärskar blocklayoutmodellen.

3. Colorzilla är ett verktyg för att få korrekta färger från webbplatser. För enkelhetens skull kopieras färgkoden direkt till urklippet.

4. CSS Peeper är ett tillägg för att visa färger och tillgångar som används på webbplatser: illustrationer, textdokument, layoutfiler, videofiler.

5. Wappalyzer är ett verktyg som låter dig identifiera innehållshanteringssystem, ramverk, serverprogramvara, analysverktyg och annan teknik som används på webbplatser.

6. React Developer Tools är ett användbart verktyg för att felsöka React.js-applikationer.

7. Redux DevTools är ett verktyg för att felsöka applikationer med Redux.

8. JSON Formatter är ett tillägg för att förenkla läsbarheten av JSON med syntaxmarkering, indrag, klickbara länkar.

9. Vimeo Repeat and Speed är ett enkelt tillägg för att snabba upp Vimeo-videotjänsten, vilket är användbart när du tittar på videohandledningar.

Tillägg för VS-kod

tillägg för programmerare: Visual Studio Code
tillägg för programmerare: Visual Studio Code

10. Auto Rename Tag är ett tillägg för att byta namn på HTML-taggar. När du byter öppningstagg ändras den avslutande taggen automatiskt.

11. HTML CSS-stöd - CSS-stöd för HTML-dokument med syntaxmarkering, anslutning av fjärranslutna CSS-filer och andra användbara funktioner.

12. HTML-utdrag är färdiga utdrag för att spara tid.

13. Babel ES6 / ES7 är ett JavaScript Babel-markerings- och syntaxkontrollverktyg.

14. Bracket Pair Colorizer är ett verktyg för att färglägga öppna och stänga parentes med specifika färger för att snabbt hitta dem.

15. ESLint - Integrering av ESLint i Visual Studio Code för att kontrollera kvaliteten på din kod och hitta buggar.

16. Guider - Lägger till ytterligare guidelinjer till din kod för att göra det lättare att hitta öppnings- och stängningselement.

17. JavaScript Console Utils är ett verktyg för att förenkla skapandet av användbara console.log ()-satser, inklusive snabb infogning av kod för att logga en vald variabel.

18. Code Spell Checker är ett tillägg för snabb kodstavningskontroll.

19. GitLens är ett användbart verktyg för att visualisera kodhistorikinformation så att du kan spåra när ändringar gjordes och av vem.

20. Path Intellisense är ett verktyg för att automatiskt fylla i filnamn när en rad skrivs in.

21. Prettier är ett tillägg för automatisk kodformatering och för att föra dess olika sektioner till en enda form.

22. VSCode-Icons - lägg till visuella ikoner i filträdet för enklare sökning och bättre visuell uppfattning.

Naturligtvis ska du inte installera allt från den här listan. Vissa av dessa tillägg kan kallas utbytbara, medan andra kräver erfarenhet av enklare verktyg.

Rekommenderad: