ПРОГРАММИРОВАНИЕ

Мои 20 лучших расширений кода VS

Расширения. Новое определение.



Все мы любим хороший редактор кода. Это ускоряет наш рабочий процесс, увеличивает нашу продуктивность и просто делает нашу жизнь намного проще. Что всем нравится в Visual Studio Code, так это то, что он не только быстр, но и оставляет значительное пространство для того, чтобы можно было стилизовать его в соответствии со своими личными предпочтениями. В Visual Studio Marketplace есть тысячи (может быть, даже десятки или сотни тысяч, кто знает 🤔) расширений для вас, и вот 20 из них, без которых вы не сможете жить!

TL;DR

1 + 2. Атом One Light и One Dark Theme

3. Материальная тема от Маттиа Асторино.

4. Snazzy Plus от akarlsten

5. Тема Материальной Иконы от Филиппа Киева

6. WakaTime от WakaTime

7. размер файла по zhcode

8. Bracket Pair Colorizer 2 от CoenraadS.

9 + 10. Автоматическое закрытие тега и Автоматическое переименование тега от Jun Han

11. CSS Peek от Pranay Prakash

12. Path Intellisense от Christian Kohler.

13. Менеджер проекта от Алессандро Франьяни.

14. Живой сервер от Ritwick Dey

15. Лучшие комментарии от Аарона Бонда

16. ГитЛенс от Эрика Амодио

17. Git History от Don Jayamanne.

18. Prettier - Code Formatter от Esben Petersen.

19. [Обновлено] Polacode-2020 от Jeff Hykin

20. Синхронизация настроек от Shan Khan.

Темы

1 + 2. Атом Один свет и Одна темная тема от Махмуда Али

Я использовал Atom в качестве основного редактора, прежде чем бросить корабль 🚢 на VS Code. Возможно, это упростит переход от Atom к VS Code. 🤷‍♂

3. Материальная тема от Маттиа Асторино.

Для любителей материальной темы.

4. Snazzy Plus от akarlsten

Действительно классная тема с превосходной подсветкой синтаксиса. Это одна из моих любимых игр в VS Code. Не самый распространенный, но определенно тот, который вам стоит попробовать.

5. Тема Материальной Иконы от Филиппа Киева

Красивые и простые иконки для ваших файлов и папок. Я часто недооцениваю, насколько это важно - дело не только в эстетике. Это помогает упростить расположение файлов и папок!

Продуктивность

6. WakaTime от WakaTime

Посмотрите, сколько времени вы тратите на программирование и сборку, и задайтесь вопросом, действительно ли вы продуктивный программист. Похоже, нет. 👀

7. размер файла по zhcode

Показать размер файла, над которым вы работаете, в строке состояния. Супер полезно!

8. Bracket Pair Colorizer 2 от CoenraadS.

Устраните путаницу, вызванную множеством скобок. 🌊 😳

9 + 10. Автоматическое закрытие тега и Автоматическое переименование тега от Jun Han

Автоматически переименовывать парные теги HTML / XML. Супер просто, но суперэффективно!

11. CSS Peek от Pranay Prakash

Просмотрите наведенное изображение вашего CSS в HTML-файле. Устраняет все проблемы переключения между HTML и CSS!

12. Path Intellisense от Christian Kohler.

Автозаполнение имен и путей к файлам и больше никогда не беспокойтесь о путях в больших проектах.

13. Менеджер проекта Алессандро Франьяни

С помощью этого расширения вы можете быстро и легко переключаться между своими проектами. Никогда не нужно переходить через Finder / File Explorer, чтобы снова открыть проект, над которым вы работали.

14. Живой сервер от Ritwick Dey

Никогда больше не нужно обновлять страницу при разработке для Интернета! Live Server обновляет ваш браузер всякий раз, когда вы вносите изменения. Так просто!

15. Лучшие комментарии от Аарона Бонда

С помощью Better Comments вы можете разбить свои аннотации на

  • Оповещения
  • Запросы
  • TODOs
  • Особенности

Производительность 📈

Контроль версий

16. ГитЛенс от Эрика Амодио

GitLens помогает лучше понимать код. Быстро узнайте, кто, почему и когда была изменена строка или блок кода. Вернитесь в прошлое, чтобы лучше понять, как и почему развивался код.

17. Git History от Don Jayamanne.

Отображайте красивый линейный график истории коммитов, сравнивайте файлы, коммиты и многое другое!

Эстетика

18. Prettier - Code Formatter от Esben Petersen.

Prettier - самоуверенный разработчик кода. Он обеспечивает согласованный стиль в вашем коде, анализируя ваш код и повторно распечатывая его со своими собственными правилами, при необходимости упаковывая код. Однако обратите внимание на поддерживаемые языки.

19. [Обновлено] Polacode-2020 от Jeff Hykin

Сделайте красивые скриншоты своего кода. Больше никогда не придется беспокоиться о том, чтобы красиво представить свой код во время встреч.

20. Синхронизация настроек от Shan Khan.

Теперь, когда у вас настроен редактор, пора синхронизировать все с GitHub, чтобы вы могли легко перенести свои настройки на другой компьютер. Повеселись!