В виду того, что мне срезали подписку на Medium решил поддерживать отечественные IT ресурсы. Попробую кидать интересные статьи с переводом на русском, а правообладатели пусть сами разбираются, я честно платил за подписку.
На текущий момент VS Code остается средой разработки, которая доступна в период санкций, когда JetBrains отказался продавать лицензии, про Visual Studio даже не узнавал. Сам использую VS Code много лет в разных стеках. VS Code предоставляет возможности разработки практически во всех направлениях: веб-разработка, мобильные приложения, часто встречаются приложения для встраиваемых систем. Ниже перечислены наиболее популярные расширения, которые облегчают разработку приложений.
При всем изобилии тем в VS Code тема Atome One Dark наиболее популярная, потому-что имеет наиболее удачный контраст и прекрасно выглядит.
![Тама в магазине VS Code Тама в магазине VS Code](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/be4/6c5/9bd/be46c59bd2412d410d6512dd602cd9c5.png)
![Пример React приложения Пример React приложения](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/0ce/d03/bfe/0ced03bfe3a21d8618c8151fda0295dc.png)
Установка ext install akamud.vscode-theme-onedark
Популярное расширение для иконок. Кому как красивее и удобнее решайте сами.
![](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/496/83b/487/49683b487920e048c96227286c4120f8.png)
Установка ext install emmanuelbeziat.vscode-great-icons
Очень простое, но очень полезное расширение. Помогает при удалении нескольких пустых строк. Позволяет удалить все пустые строки клавишами Ctrl-Backspace для Windows, Linux
и Alt+Backspace для Mac
. Чтобы удалить строки снизу служит комбинация клавиш Ctrl+]
. Поддерживает удаление в режиме мультикурсор.
![Удаление нескольких строк комбинацией клавиш Ctrl-Backspase Удаление нескольких строк комбинацией клавиш Ctrl-Backspase](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/c43/02e/fd3/c4302efd341cb28fe9187b01186535ca.gif)
Функция Smart Backspace позволяет выравнивать код при нажатии клавиши Backspace.
![Функция Smart Backspace Функция Smart Backspace](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/797/3ac/edc/7973acedc38b183bc2007f46625be9ed.gif)
ext install jasonlhy.hungry-delete
Простое и удобное расширение для веб-разработки. Позволяет запускать статические веб-страницы в режиме локального сервера. Поддерживается перезагрузка страниц при изменении исходных файлов.
![Перезагрузка страницы при изменении исходных файлов Перезагрузка страницы при изменении исходных файлов](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/7d0/018/b0a/7d0018b0a94cd934124099d9ed4e9e3f.gif)
![Кнопка быстрого доступа в строке состояния Кнопка быстрого доступа в строке состояния](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/f8c/a0c/543/f8ca0c543eb1c9dbee63b6c414364968.jpg)
Поддерживает команды контекстного меню в Проводнике и в редакторе кода.
ext install ritwickdey.LiveServer
Расширение, похожее на Hungry Delete, но в отличии от него запускается через меню команд.
![](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/7d7/e0d/9e0/7d7e0d9e053fe37e3d2736d725b5d3e2.gif)
ext install ritwickdey.LiveServer
Сниппеты
Если вы никогда не использовали сниппеты, стоит о них подумать, они делают нашу жизнь легче и упрощают работу с часто используемыми блоками.
Сниппеты - небольшие преднастроенные строки, которые позволяют заполнять большие куски кода. Удобно использовать в React компонентах, где большое количество повторяемого шаблонного кода.
![Сниппеты для React Сниппеты для React](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/c89/d41/d2a/c89d41d2a0d44e477784f7dd2751b1f1.png)
Установка React сниппетов ext install runningcoder.react-snippets
Список расширений, который может заинтересовать
Vim - эмулятор Vim редактора в VS Code.
Auto Close Tag - автоматически добавляет закрывающие теги для HTML/XML.
Git Graph - визуальное представление для веток Git репозитория. Проще один раз увидеть.
![](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/906/c22/e1e/906c22e1e02c2b36f01b13824bf6c8fa.gif)
Таблица горячих клавиш для VS Code
![](https://webcf.waybackmachine.org/web/20220405140753/https://habrastorage.org/getpro/habr/upload_files/2c3/a59/2e9/2c3a592e9305e0c55564aa3cb4f07056.png)
Кидайте в комментарии расширения, которые используете вы...