Pull to refresh

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

Reading time2 min
Views57K
Original author: 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

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

Tags:
Hubs:
Total votes 24: ↑14 and ↓10+4
Comments14

Articles