Весенние скидки до 30 000 ₽
На все профессии до 31 марта
Главная | Все статьи | Дневник студента

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

Время чтения статьи ~2 минуты
Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Самые полезные плагины в 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. Помечает строки кода, после чего можно быстро на них перемещаться. Пригодится, если у вас большой объём кода, в котором приходится делать частые изменения.

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

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

Аватар пользователя Ася Степанова
Ася Степанова 03 июня 2021
2
Рекомендуемые программы
профессия
от 6 300 ₽ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 28 марта
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 28 марта
профессия
от 6 183 ₽ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 28 марта
профессия
от 6 300 ₽ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 28 марта
профессия
от 5 025 ₽ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 28 марта
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 28 марта
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 28 марта
профессия
от 9 900 ₽ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 28 марта
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 28 марта
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 28 марта
профессия
Верстка с использованием последних стандартов CSS
5 месяцев
с нуля
Старт в любое время