22 užitočných rozšírení pre začínajúceho programátora

2024 Autor: Malcolm Clapton | [email protected]. Naposledy zmenené: 2023-12-17 04:09

Rozšírenia pre Chrome a Visual Studio Code, ktoré uľahčujú mnohé úlohy kódovania a šetria vám čas.

Rozšírenia pre Chrome

1. WhatFont je jednoduchý spôsob, ako zistiť, ktoré písmo sa používa na konkrétnej stránke, aby ste ho našli a použili vo svojich projektoch.

2. Pesticíd je nástroj na zvýrazňovanie obrysov a úpravy CSS. Užitočné pri zvládnutí modelu rozloženia bloku.

3. Colorzilla je nástroj na získanie presných farieb z webových stránok. Pre pohodlie sa kód farby skopíruje priamo do schránky.

4. CSS Peeper je rozšírenie na prezeranie farieb a prvkov používaných na webových stránkach: ilustrácie, textové dokumenty, súbory rozloženia, videosúbory.

5. Wappalyzer je nástroj, ktorý vám umožňuje identifikovať systémy na správu obsahu, rámce, serverový softvér, analytické nástroje a ďalšie technológie používané na stránkach.

6. Nástroje pre vývojárov React sú užitočným nástrojom na ladenie aplikácií React.js.

7. Redux DevTools je nástroj na ladenie aplikácií pomocou Redux.

8. JSON Formatter je rozšírenie na zjednodušenie čitateľnosti JSON so zvýraznením syntaxe, odsadením a odkazmi, na ktoré sa dá kliknúť.

9. Vimeo Repeat and Speed je jednoduché rozšírenie na zrýchlenie video služby Vimeo, ktoré je užitočné pri sledovaní video tutoriálov.

Rozšírenia pre kód VS

10. Auto Rename Tag je rozšírenie na premenovanie HTML tagov. Keď zmeníte úvodný štítok, automaticky sa zmení aj uzatvárací štítok.

11. Podpora HTML CSS – podpora CSS pre HTML dokumenty so zvýraznením syntaxe, pripojením vzdialených CSS súborov a ďalšími užitočnými funkciami.

12. Úryvky HTML sú hotové úryvky, ktoré šetria čas.

13. Babel ES6 / ES7 je JavaScript Babel nástroj na zvýrazňovanie a kontrolu syntaxe.

14. Bracket Pair Colorizer je nástroj na vyfarbenie otvárania a zatvárania zátvoriek špecifickými farbami, aby ste ich rýchlo našli.

15. ESLint - Integrácia ESLint do kódu Visual Studio na kontrolu kvality kódu a nájdenie chýb.

16. Vodiace čiary – Pridáva do kódu ďalšie vodiace čiary, aby sa uľahčilo hľadanie otváracích a zatváracích prvkov.

17. JavaScript Console Utils je pomôcka na zjednodušenie vytvárania užitočných príkazov console.log () vrátane rýchleho vloženia kódu na protokolovanie vybranej premennej.

18. Code Spell Checker je rozšírenie pre rýchlu kontrolu pravopisu kódu.

19. GitLens je užitočný nástroj na vizualizáciu informácií o histórii kódu, takže môžete sledovať, kedy a kým boli vykonané zmeny.

20. Path Intellisense je nástroj na automatické dopĺňanie názvov súborov pri zadávaní riadku.

21. Prettier je rozšírenie pre automatické formátovanie kódu a uvedenie jeho rôznych sekcií do jednej podoby.

22. VSCode-Icons – pridajte vizuálne ikony do stromu súborov pre jednoduchšie vyhľadávanie a lepšie vizuálne vnímanie.

Samozrejme, nemali by ste inštalovať všetko z tohto zoznamu. Niektoré z týchto rozšírení možno nazvať zameniteľné, zatiaľ čo iné budú vyžadovať skúsenosti s jednoduchšími nástrojmi.