Visual Studio Code – редактор исходного кода, работающий на многих популярных ОС. Считается лучшим выбором для веб-разработчиков фронтенда. Удобный функционал и интерфейс позволяют всем желающим с помощью расширения vs code улучшить работу.
VS Code: лучшая десятка плагинов уже в нашей подборке.
VS code Icons
Вне зависимости от языка программирования, на котором пишет специалист, данный плагин может быть полезен в использовании. Он прописывает код иконок для каждого файла, от чего ни одна папка не затеряется и всегда будет понятно, что к чему относится.
Этот плагин по сути визуализирует материалы, с которыми работает верстальщик или дизайнер. Ещё одно подобное расширение с иконками для файлов называется Material Icon Theme. Стильные картинки можно подобрать для каждой отдельной категории папок, что облегчает работу с файлами.
Prettier
Кому в работе с кодом не хватает автоматизма, на помощь приходит плагин Prettier. Всё форматирование: отступы, абзацы, заглавные буквы и прочее, уже автоматически выставляется в коде благодаря данному функционалу.
Не все плагины visual studio могут похвастаться автоматизацией процесса. А благодаря Prettier код после сохранения остаётся верным и грамотно построенным, даже, если программист чего-то не доглядел.
Как с ним работать:
- Установить плагин;
- Открыть настройки в формате кода JSON;
- Дописать строку «editor.formatOnSave» и значение «true»;
- Перезапустить программу.
Live Server
Данное расширение дает возможность создать свой личный сервер. Только установив расширение, можно запустить сервер для собственного проекта без дополнительных инструментов.
В коде файла стоит прописать «Open with Live Server» и он сохранится вместе со всем наполнением на локальном сервере. Автоматическая перезагрузка не мешает расширению оставлять сохранённые файлы.
Bracket Pair Colorizer
Этот плагин очень удобен. Его суть – подсвечивание фигурных скобок. Как бы это не звучало, но данная функция очень удобна, так как разные скобки подсвечиваются разными цветами, а значит, что программист не потеряет две взаимосвязанные скобки.
Плагин работает практически на всех языках, кроме Пайтона, но там и скобок нет.
Indent Rainbow
Расширения vscode наподобие этого и предыдущего, делают программирование ярче и интереснее. Данное расширение уже показывает себя из самого названия – радуга.
Что даёт расширение? Оно выделяет отступ в коде отдельным цветом. Такое цветовое оформление не даст запутаться ни в одной строке.
GitLens
Vs code расширения бывают и мониторинговой структуры. К примеру, GitLens предназначен для работы в Git для просмотра комментариев при корректировке кода и истории репозитория.
Другими словами – это визуализация изменений кода, которую можно увидеть без поисков и дополнительных проблем. Отличное облегчение работы для программиста.
Peacock
Ученые доказали, что, когда человеку нравится его работа, то ее и делать намного проще и спокойнее. Цветовая гамма оформления рабочего места иногда даже определяет настрой на рабочую атмосферу.
Что-то подобное делают некоторые плагины visual studio, среди них и Peacock. В его задачу входит добавить в работу программиста разнообразие в виде цветов для редактора. Благодаря ему можно изменить задний фон и боковую панель рабочего места.
Faker
Visual studio плагины могут не только изменять цвета и прочие визуальные эффекты, но и генерировать, например, имена или другие переменные для тестирования кода.
Конечно, это можно сделать и самому, но занятому человеку, у которого есть дела и поважнее, не очень хочется тратить своё время на придумывание адреса или фейкового имени для теста.
Вместо человека это может делать машина, а точнее – плагин Faker.
Lorem ipsum
Если вам нужно создать текст-заглушку, то на помощь приходит этот плагин. Он «придумает» соответствующий текст, который закроет тему методом «рыбы» в домино. Именно поэтому этот плагин ещё называют «рыба».
Это удобно, если нет времени на умные заключения. И плагин с этим отлично справляется.
Better Comments
Комментарии в коде – это отдельная тема, их просто не всегда видно. Выделяются комментарии в уже знакомой нам цветовой гамме. Можно выделить их по тематическим критериям, а можно по срочности прочтения. В любом случае – это очень удобно и ярко.
Где можно этому научиться?
На курсах Front End в Компьютерной Академии STEP мы научим вас всему, что может пригодится для успешного старта карьеры в IT. Расширения и vs code плагины для html – это то, что поможет вам быть крутым специалистом и сэкономить свое драгоценное время во время более важных заданий.
Удобство, которое предлагают плагины vs code, сложно переоценить, но этому надо учиться и об этом нужно узнавать.
Переходите по ссылке и записывайтесь на консультацию. Только у нас вы можете узнать самые крутые и интересные лайфхаки, самые актуальные знания, получить необходимые навыки и умения, которые помогут стать высокооплачиваемым и востребованным программистом.