22 užitečných rozšíření pro začínajícího programátora

2024 Autor: Malcolm Clapton | [email protected]. Naposledy změněno: 2023-12-17 03:50

Rozšíření pro Chrome a Visual Studio Code, která usnadňují mnoho úloh kódování a šetří váš čas.

Rozšíření pro Chrome

1. WhatFont je snadný způsob, jak zjistit, které písmo se používá na konkrétním webu, abyste jej našli a použili ve svých projektech.

2. Pesticide je nástroj pro zvýraznění obrysů a úpravy CSS. Užitečné při zvládnutí modelu rozložení bloku.

3. Colorzilla je nástroj pro získávání přesných barev z webových stránek. Pro usnadnění je kód barvy zkopírován přímo do schránky.

4. CSS Peeper je rozšíření pro zobrazení barev a prostředků používaných na webových stránkách: ilustrace, textové dokumenty, soubory rozvržení, videosoubory.

5. Wappalyzer je nástroj, který vám umožňuje identifikovat systémy pro správu obsahu, rámce, serverový software, analytické nástroje a další technologie používané na stránkách.

6. Nástroje pro vývojáře React jsou užitečným nástrojem pro ladění aplikací React.js.

7. Redux DevTools je nástroj pro ladění aplikací pomocí Redux.

8. JSON Formatter je rozšíření pro zjednodušení čitelnosti JSON se zvýrazněním syntaxe, odsazením a kliknutím na odkazy.

9. Vimeo Repeat and Speed je jednoduché rozšíření pro zrychlení video služby Vimeo, které je užitečné při sledování video tutoriálů.

Rozšíření pro VS Code

10. Auto Rename Tag je rozšíření pro přejmenování HTML tagů. Když změníte úvodní tag, automaticky se změní i uzavírací tag.

11. Podpora HTML CSS - Podpora CSS pro HTML dokumenty se zvýrazněním syntaxe, připojením vzdálených CSS souborů a dalšími užitečnými funkcemi.

12. HTML Snippets jsou hotové úryvky, které šetří čas.

13. Babel ES6 / ES7 je JavaScript Babel nástroj pro zvýrazňování a kontrolu syntaxe.

14. Bracket Pair Colorizer je nástroj pro barvení otevírání a zavírání závorek konkrétními barvami, abyste je rychle našli.

15. ESLint - Integrace ESLint do kódu Visual Studio pro kontrolu kvality vašeho kódu a nalezení chyb.

16. Vodítka – Přidá do kódu další vodicí čáry, aby bylo snazší najít otevírací a zavírací prvky.

17. JavaScript Console Utils je nástroj pro zjednodušení vytváření užitečných příkazů console.log (), včetně rychlého vložení kódu pro protokolování vybrané proměnné.

18. Code Spell Checker je rozšíření pro rychlou kontrolu pravopisu kódu.

19. GitLens je užitečný nástroj pro vizualizaci informací o historii kódu, takže můžete sledovat, kdy byly změny provedeny a kým.

20. Path Intellisense je nástroj pro automatické doplňování názvů souborů při zadávání řádku.

21. Prettier je rozšíření pro automatické formátování kódu a sloučení jeho různých částí do jediné podoby.

22. VSCode-Icons – přidejte vizuální ikony do stromu souborů pro snadnější vyhledávání a lepší vizuální vnímání.

Samozřejmě byste neměli instalovat vše z tohoto seznamu. Některá z těchto rozšíření lze nazvat zaměnitelná, zatímco jiná budou vyžadovat zkušenosti s jednoduššími nástroji.