- PVSM.RU - https://www.pvsm.ru -
VS Code — мой любимый редактор кода. Это — самый популярный из существующих редакторов, возможности которого можно расширять практически до бесконечности. И, что удивительно, разработала его компания Microsoft. Я полагаю, что ни один из других редакторов и ни одна из других IDE не может дать разработчику хотя бы половину того, что способен дать ему VS Code. Одна из сильных сторон VS Code — это система расширений. Она позволяет создавать расширения буквально на все случаи жизни. Хочу рассказать вам о моём топ-10 расширений для VS Code.

Для установки расширения воспользуйтесь в VS Code клавиатурным сокращением CTRL+P, введите в открывшееся поле нижеприведённую команду и нажмите Enter.
ext install HookyQR.beautify
Расширение Beautify [2] позволяет форматировать html-, js-, css-, JSON- и sass-код. Параметрами форматирования можно управлять. Это расширение является надстройкой над стандартной системой js-beautify и позволяет разработчику форматировать код именно так, как ему нужно.

ext install aaron-bond.better-comments
Расширение Better Comments [3] позволяет расширить возможности по работе с комментариями. В частности, оно позволяет делить комментарии на категории. Это могут быть уведомления, запросы, списки дел, примечания.

Использование Better Comments

ext install alefragnani.Bookmarks
Расширение Bookmarks [4] — это настоящий спасательный круг для программистов. Особенно для тех, которые потерялись среди тысяч строк кода. Это расширение позволяет прикреплять к строкам кода закладки. Если у строки кода есть закладка — к этой строке можно легко перейти, воспользовавшись списком закладок.

Закладки в коде

ext install CoenraadS.bracket-pair-colorizer-2
Расширение Bracket Pair Colorizer 2 [5] позволяет раскрашивать скобки, что облегчает нахождение пар открывающих и закрывающих скобок. Это очень полезно в тех случаях, когда приходится работать с вложенными друг в друга программными конструкциями.

Пары скобок выделены цветами

ext install lacroixdavid1.vscode-format-context-menu
Расширение Format in Context Menus [6] позволяет форматировать файлы, выделяя их в боковой панели и вызывая команду контекстного меню. Это особенно удобно в тех случаях, когда имеется множество файлов, которые нужно отформатировать, но при этом в имеющемся окружении нет поддержки средств для форматирования и линтинга кода.

Работа с Format in Context Menus

ext install mhutchie.git-graph
Расширение Git Graph [7] позволяет просматривать структуру репозитория и, пользуясь этой структурой, выполнять различные операции. Это расширение поддаётся тонкой настройкой и обладает множеством возможностей. Вероятно, для того, чтобы как следует его описать, понадобится целая отдельная статья.

Работа с Git Graph

ext install eamodio.gitlens
Расширение GitLens [8] помогает выяснять авторство кода с использованием аннотаций git blame и линз. Это расширение, кроме прочего, позволяет очень удобно просматривать содержимое репозиториев и узнавать полезные сведения о коде.

Работа с GitLens

ext install oderwat.indent-rainbow
Расширение Indent Rainbow [9] позволяет раскрашивать отступы, выделяя разными цветами отступы разных уровней. Это особенно полезно при работе с глубоко вложенными конструкциями в языках наподобие Python.

ext install christian-kohler.path-intellisense
Расширение Path Intellisense [10] оснащает редактор возможностями по автозавершению путей к файлам. Хотя VS Code поддерживает автозавершение путей и без расширений, эта возможность ограничена только HTML-, CSS- и JavaScript-файлами. Благодаря данному расширению автозавершением путей можно пользоваться при работе с любыми файлами и любыми языками.

Работа с Path Intellisense

ext install praveencrony.total-lines
Расширение Total Lines [11] — это маленький удобный инструмент, который выводит в статус-баре сведения о количестве строк в открытом файле. Это — приятное дополнение к моей коллекции расширений.
А какими расширениями для VS Code пользуетесь вы?
Напоминаем, что у нас продолжается конкурс прогнозов [12], в котором можно выиграть новенький iPhone. Еще есть время ворваться в него, и сделать максимально точный прогноз по злободневным величинам.
Автор: ru_vds
Источник [14]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/razrabotka/353031
Ссылки в тексте:
[1] Image: https://habr.com/ru/company/ruvds/blog/501648/
[2] Beautify: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
[3] Better Comments: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
[4] Bookmarks: https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
[5] Bracket Pair Colorizer 2: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
[6] Format in Context Menus: https://marketplace.visualstudio.com/items?itemName=lacroixdavid1.vscode-format-context-menu
[7] Git Graph: https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
[8] GitLens: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
[9] Indent Rainbow: https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
[10] Path Intellisense: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
[11] Total Lines: https://marketplace.visualstudio.com/items?itemName=praveencrony.total-lines
[12] конкурс прогнозов: http://habr.com/ru/company/ruvds/blog/500508/?utm_source=habr&utm_medium=perevod&utm_campaign=10-rasshirenij-vscode
[13] Image: http://ruvds.com/ru-rub/?utm_source=habr&utm_medium=perevod&utm_campaign=10-rasshirenij-vscode#order
[14] Источник: https://habr.com/ru/post/501648/?utm_source=habrahabr&utm_medium=rss&utm_campaign=501648
Нажмите здесь для печати.