Самые полезные плагины в VSCode (по мнению новичка)

Выбор редактора кода

Рано или поздно каждый, кто пытается податься в программирование, сталкивается с тем, что писать в блокноте — дико и неудобно. Первым на арене чаще всего появляется VS Cоde.

Плюсы VS Cоde:

• Операционная система, которую вы используете, определяется автоматически еще на этапе посещения страницы загрузки редактора.
• Обновления предлагаются при запуске программы, вам не придется искать из каждый раз заново.
• Множество расширений
• Emmet
• Пользовательский интерфейс понятен и легко настраивается.
• Встроенный терминал, который можно выбирать (PowerShell, Git Bash...)
• Интеграция Git. Вы можете переключаться между ветками, создавать новые, оставлять комментарии.
• Отладка. С VS Code вы можете устанавливать точки остановок и проверять переменные во время работы вашего кода.

Расширения

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

Устанавливать плагины очень легко, достаточно найти на панели слева значок «Расширения», вбить в поиск интересуемое и установить его.

Опишу сейчас те, которые понравились лично мне.

1. Live Server. Позволяет сразу увидеть результат работы. Страница, которую вы откроете с помощью этого плагина, будет автоматически перезагружаться после сохранения, то есть вам не придется вручную обновлять страницу.

2. Bracket pair colorizer разукрасит открывающие и закрывающие скобки в разные цвета, благодаря чему понимать код и искать ошибки/опечатки станет проще.

3. Auto rename tag. Если вы переименовываете парный тег, то второй (закрывающийся) переименовывается автоматически.

4. Image Preview. Позволяет вам видеть добавленное изображение прямо в редакторе.

5. Live Sass Compiler. Компилирует ваши SASS/SCSS файлы в файлы CSS в режиме реального времени, с перезагрузкой браузера

6. Better Comments. Расширяет возможности работы с комментариями. Выбирает разные цвета для комментариев с разными категориями - !на ошибки и предупреждения, *для выделенного текста, TODO для задач, ?для запросов и вопросов

7. Bookmarks. Помечает строки кода, после чего можно быстро на них перемещаться. Пригодится, если у вас большой объём кода, в котором приходится делать частые изменения.

В конце могу только добавить ссылку на ютуб урок, в котором подробно показывается, как установить редактор и настроить его. Мне он очень помог.

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