Все статьи | Дневник студента

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

Самые полезные плагины в 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
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
1 июня 10 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
1 июня 10 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
1 июня 10 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
1 июня 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
Новый
Разработка фронтенд и бэкенд компонентов веб-приложений
1 июня 16 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
1 июня 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Создает веб-приложения со скоростью света
1 июня 5 месяцев