22 полезни разширения за начинаещ програмист

2024 Автор: Malcolm Clapton | [email protected]. Последно модифициран: 2023-12-17 03:47

Разширения за Chrome и Visual Studio Code, които улесняват много задачи по кодиране и ви спестяват време.

Разширения за Chrome

1. WhatFont е лесен начин да разберете кой шрифт се използва на конкретен сайт, за да го намерите и използвате във вашите проекти.

2. Пестицидът е инструмент за подчертаване на контура и CSS модификации. Полезно при овладяване на модела на блоково оформление.

3. Colorzilla е инструмент за получаване на точни цветове от уебсайтове. За удобство цветният код се копира директно в клипборда.

4. CSS Peeper е разширение за преглед на цветове и активи, използвани в уебсайтове: илюстрации, текстови документи, файлове за оформление, видео файлове.

5. Wappalyzer е помощна програма, която ви позволява да идентифицирате системи за управление на съдържанието, рамки, сървърен софтуер, инструменти за анализ и други технологии, използвани в сайтовете.

6. React Developer Tools са полезен инструмент за отстраняване на грешки в React.js приложения.

7. Redux DevTools е инструмент за отстраняване на грешки в приложения, използващи Redux.

8. JSON Formatter е разширение за опростяване на четимостта на JSON с подчертаване на синтаксиса, отстъп, връзки с възможност за щракване.

9. Vimeo Repeat and Speed е просто разширение за ускоряване на видео услугата Vimeo, което е полезно при гледане на видео уроци.

Разширения за VS Code

10. Auto Rename Tag е разширение за преименуване на HTML тагове. Когато промените началния маркер, затварящият маркер ще се промени автоматично.

11. HTML CSS поддръжка - CSS поддръжка за HTML документи с подчертаване на синтаксиса, свързване на отдалечени CSS файлове и други полезни функции.

12. HTML фрагментите са готови фрагменти за спестяване на време.

13. Babel ES6 / ES7 е инструмент за подчертаване на Babel и проверка на синтаксиса на JavaScript.

14. Bracket Pair Colorizer е инструмент за оцветяване на отварящи и затварящи скоби със специфични цветове, за да ги намерите бързо.

15. ESLint – Интегриране на ESLint в Visual Studio Code, за да проверите качеството на вашия код и да откриете грешки.

16. Ръководства - Добавя допълнителни направляващи линии към вашия код, за да улесни намирането на отварящи и затварящи елементи.

17. JavaScript Console Utils е помощна програма за опростяване на създаването на полезни изрази console.log (), включително бързо вмъкване на код за регистриране на избрана променлива.

18. Code Spell Checker е разширение за бърза проверка на правописа на код.

19. GitLens е полезен инструмент за визуализиране на информация за историята на кода, за да можете да проследявате кога и от кого са направени промените.

20. Path Intellisense е инструмент за автоматично попълване на имена на файлове при въвеждане на ред.

21. Prettier е разширение за автоматично форматиране на код и привеждане на различните му секции в една форма.

22. VSCode-Icons - добавете визуални икони към файловото дърво за по-лесно търсене и по-добро визуално възприятие.

Разбира се, не трябва да инсталирате всичко от този списък. Някои от тези разширения могат да се нарекат взаимозаменяеми, докато други ще изискват опит с по-прости инструменти.