Выбор редактора кода
Рано или поздно каждый, кто пытается податься в программирование, сталкивается с тем, что писать в блокноте — дико и неудобно. Первым на арене чаще всего появляется VS Cоde.
Плюсы VS Cоde:
- Операционная система, которую вы используете, определяется автоматически еще на этапе посещения страницы загрузки редактора.
- Обновления предлагаются при запуске программы, вам не придется искать из каждый раз заново.
- Множество расширений
- Emmet
- Пользовательский интерфейс понятен и легко настраивается.
- Встроенный терминал, который можно выбирать (PowerShell, Git Bash...)
- Интеграция Git. Вы можете переключаться между ветками, создавать новые, оставлять комментарии.
- Отладка. С VS Code вы можете устанавливать точки остановок и проверять переменные во время работы вашего кода.
Расширения
То, ради чего, собственно, я и открыла дневник. Итак, редактор предлагает нам множество различных дополнений, которые могут значительно облегчить жизнь во время работы над задачами и проектами и сделать процесс написания кода приятнее и комфортнее.
Устанавливать плагины очень легко, достаточно найти на панели слева значок «Расширения», вбить в поиск интересуемое и установить его.
Опишу сейчас те, которые понравились лично мне.
Live Server. Позволяет сразу увидеть результат работы. Страница, которую вы откроете с помощью этого плагина, будет автоматически перезагружаться после сохранения, то есть вам не придется вручную обновлять страницу.
Bracket pair colorizer разукрасит открывающие и закрывающие скобки в разные цвета, благодаря чему понимать код и искать ошибки/опечатки станет проще.
Auto rename tag. Если вы переименовываете парный тег, то второй (закрывающийся) переименовывается автоматически.
Image Preview. Позволяет вам видеть добавленное изображение прямо в редакторе.
Live Sass Compiler. Компилирует ваши SASS/SCSS файлы в файлы CSS в режиме реального времени, с перезагрузкой браузера
Better Comments. Расширяет возможности работы с комментариями. Выбирает разные цвета для комментариев с разными категориями - !на ошибки и предупреждения, *для выделенного текста, TODO для задач, ?для запросов и вопросов
Bookmarks. Помечает строки кода, после чего можно быстро на них перемещаться. Пригодится, если у вас большой объём кода, в котором приходится делать частые изменения.
В конце могу только добавить ссылку на ютуб урок, в котором подробно показывается, как установить редактор и настроить его. Мне он очень помог.
Напишите, какими классными и полезными плагинами пользуетесь вы. Я уверена, что есть еще множество таких, о которых я не слышала, но они бы весьма пригодились.
