Spisu treści:

22 przydatne rozszerzenia dla początkującego programisty
22 przydatne rozszerzenia dla początkującego programisty
Anonim

Rozszerzenia dla Chrome i Visual Studio Code, które ułatwiają wiele zadań związanych z kodowaniem i oszczędzają czas.

22 przydatne rozszerzenia dla początkującego programisty
22 przydatne rozszerzenia dla początkującego programisty

Rozszerzenia do Chrome

rozszerzenia dla programistów: Chrome
rozszerzenia dla programistów: Chrome

1. WhatFont to łatwy sposób na sprawdzenie, która czcionka jest używana w danej witrynie, aby ją znaleźć i wykorzystać w swoich projektach.

2. Pesticide to narzędzie do wyróżniania konturów i modyfikacji CSS. Przydatne podczas opanowywania modelu układu blokowego.

3. Colorzilla to narzędzie do uzyskiwania dokładnych kolorów ze stron internetowych. Dla wygody kod koloru jest kopiowany bezpośrednio do schowka.

4. CSS Peeper to rozszerzenie do przeglądania kolorów i zasobów używanych na stronach internetowych: ilustracji, dokumentów tekstowych, plików układu, plików wideo.

5. Wappalyzer to narzędzie, które pozwala zidentyfikować systemy zarządzania treścią, frameworki, oprogramowanie serwerowe, narzędzia analityczne i inne technologie używane w witrynach.

6. React Developer Tools to przydatne narzędzie do debugowania aplikacji React.js.

7. Redux DevTools to narzędzie do debugowania aplikacji przy użyciu Redux.

8. JSON Formatter to rozszerzenie upraszczające czytelność JSON dzięki podświetlaniu składni, wcięciom i klikalnym linkom.

9. Vimeo Repeat and Speed to proste rozszerzenie przyspieszające działanie usługi wideo Vimeo, przydatne podczas oglądania samouczków wideo.

Rozszerzenia dla VS Code

rozszerzenia dla programistów: Visual Studio Code
rozszerzenia dla programistów: Visual Studio Code

10. Auto Rename Tag to rozszerzenie do zmiany nazw tagów HTML. Gdy zmienisz tag otwierający, tag zamykający zmieni się automatycznie.

11. Obsługa CSS HTML - Obsługa CSS dla dokumentów HTML z podświetlaniem składni, łączeniem zdalnych plików CSS i innymi przydatnymi funkcjami.

12. Fragmenty HTML to gotowe fragmenty, które pozwalają zaoszczędzić czas.

13. Babel ES6 / ES7 to narzędzie JavaScript Babel do podświetlania i sprawdzania składni.

14. Nawiasy Para Colorizer to narzędzie do kolorowania otwierających i zamykających nawiasów określonymi kolorami, aby szybko je znaleźć.

15. ESLint - integracja ESLint z Visual Studio Code w celu sprawdzenia jakości kodu i znalezienia błędów.

16. Prowadnice - dodaje do kodu dodatkowe linie prowadzące, aby ułatwić znajdowanie elementów otwierających i zamykających.

17. JavaScript Console Utils to narzędzie upraszczające tworzenie użytecznych instrukcji console.log(), w tym szybkie wstawianie kodu w celu zalogowania wybranej zmiennej.

18. Code Spell Checker to rozszerzenie do szybkiego sprawdzania pisowni kodu.

19. GitLens to przydatne narzędzie do wizualizacji informacji o historii kodu, dzięki czemu możesz śledzić, kiedy i przez kogo zostały wprowadzone zmiany.

20. Path Intellisense to narzędzie do automatycznego uzupełniania nazw plików podczas wpisywania wiersza.

21. Prettier to rozszerzenie do automatycznego formatowania kodu i sprowadzania jego różnych sekcji do jednego formularza.

22. VSCode-Icons - dodaj wizualne ikony do drzewa plików, aby ułatwić wyszukiwanie i lepszą percepcję wizualną.

Oczywiście nie powinieneś instalować wszystkiego z tej listy. Niektóre z tych rozszerzeń można nazwać wymiennymi, podczas gdy inne będą wymagały doświadczenia z prostszymi narzędziami.

Zalecana: