Как стать автором
Обновить

Популярные расширения для VS Code 2022

Время на прочтение2 мин
Количество просмотров57K
Автор оригинала: Mark Did

В виду того, что мне срезали подписку на Medium решил поддерживать отечественные IT ресурсы. Попробую кидать интересные статьи с переводом на русском, а правообладатели пусть сами разбираются, я честно платил за подписку.

На текущий момент VS Code остается средой разработки, которая доступна в период санкций, когда JetBrains отказался продавать лицензии, про Visual Studio даже не узнавал. Сам использую VS Code много лет в разных стеках. VS Code предоставляет возможности разработки практически во всех направлениях: веб-разработка, мобильные приложения, часто встречаются приложения для встраиваемых систем. Ниже перечислены наиболее популярные расширения, которые облегчают разработку приложений.

Atom One Dark Theme

При всем изобилии тем в VS Code тема Atome One Dark наиболее популярная, потому-что имеет наиболее удачный контраст и прекрасно выглядит.

Тама в магазине VS Code
Тама в магазине VS Code
Пример React приложения
Пример React приложения

Установка ext install akamud.vscode-theme-onedark

VSCode Great Icons

Популярное расширение для иконок. Кому как красивее и удобнее решайте сами.

Установка ext install emmanuelbeziat.vscode-great-icons

Hungry Delete

Очень простое, но очень полезное расширение. Помогает при удалении нескольких пустых строк. Позволяет удалить все пустые строки клавишами Ctrl-Backspace для Windows, Linux и Alt+Backspace для Mac. Чтобы удалить строки снизу служит комбинация клавиш Ctrl+]. Поддерживает удаление в режиме мультикурсор.

Удаление нескольких строк комбинацией клавиш Ctrl-Backspase
Удаление нескольких строк комбинацией клавиш Ctrl-Backspase

Функция Smart Backspace позволяет выравнивать код при нажатии клавиши Backspace.

Функция Smart Backspace
Функция Smart Backspace

ext install jasonlhy.hungry-delete

Live Server

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

Перезагрузка страницы при изменении исходных файлов
Перезагрузка страницы при изменении исходных файлов
Кнопка быстрого доступа в строке состояния
Кнопка быстрого доступа в строке состояния

Поддерживает команды контекстного меню в Проводнике и в редакторе кода.

ext install ritwickdey.LiveServer

TabOut

Расширение, похожее на Hungry Delete, но в отличии от него запускается через меню команд.

ext install albert.TabOut

Сниппеты

Если вы никогда не использовали сниппеты, стоит о них подумать, они делают нашу жизнь легче и упрощают работу с часто используемыми блоками.

Сниппеты - небольшие преднастроенные строки, которые позволяют заполнять большие куски кода. Удобно использовать в React компонентах, где большое количество повторяемого шаблонного кода.

Сниппеты для React
Сниппеты для React

Установка React сниппетов ext install runningcoder.react-snippets

Список расширений, который может заинтересовать

Vim - эмулятор Vim редактора в VS Code.

Auto Close Tag - автоматически добавляет закрывающие теги для HTML/XML.

Git Graph - визуальное представление для веток Git репозитория. Проще один раз увидеть.

Таблица горячих клавиш для VS Code

Кидайте в комментарии расширения, которые используете вы...

Теги:
Хабы:
+4
Комментарии14

Публикации

Изменить настройки темы

Истории

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн