Компьютерная Академия IT STEP - полноценное IT-образование‎ для взрослых и детей. Мы обучаем с 1999 года. Авторские методики, преподаватели-практики, 100% практических занятий.

Ваш браузер устарел!

Вы пользуетесь устаревшим браузером Internet Explorer. Данная версия браузера не поддерживает многие современные технологии, из-за чего многие страницы сайта отображаются некорректно, и могут работать не все функции. Рекомендуем просматривать сайт с помощью актуальных версий браузеров Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

TOP 10 лучших расширений VS и полезных плагинов для Visual Studio

IT STEP Academy

Программирование

18.10.2022

161 просмотр

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, сложно переоценить, но этому надо учиться и об этом нужно узнавать.

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



АВТОР:

IT STEP Academy

Остроумие — это дерзость, получившая образование —  Аристотель

Графика и дизайн

Как создать инфографику для сайта или соцсетей

Инфографики проще представляют информацию: отчёт для коллег и руководителя, тезисы статьи для аудитории или рекламное предложение — в таргете или другой рекламе.

Инфографики проще представляют информацию: отчёт для коллег и руководителя, тезисы статьи для аудитории или рекламное предложение — в таргете или другой рекламе. В статье рассказываем, что такое инфографика и как её создать. А также посмотрим, что отличает хорошую инфографику от неинформативной; от иллюстрации и работы без картинок. Что такое инфографика Людей не интересуют данные: у нас мало времени, чтобы перечитывать энциклопедии или отчёты о прибыли. Важнее узнать выводы и основные тезисы. Поэтому люди упрощают информацию для дру

ШАГ логотип

Маркетинг

Что такое контент-план и как его правильно составить

Контент-план помогает вести соцсети и добиваться больших результатов, а сделать его не так сложно, как может показаться. В статье разберёмся с контент-планами раз и навсегда, подготовим свой или переделаем пример под идею маркетолога или клиента.

Контент-план помогает вести соцсети и добиваться больших результатов, а сделать его не так сложно, как может показаться. В статье разберёмся с контент-планами раз и навсегда, подготовим свой или переделаем пример под идею маркетолога или клиента.  Что такое контент-план и зачем он нужен Контент-план — это график публикаций для любого блога: на сайте, в социальных сетях. Часто к графику добавляют типы публикаций, темы и наброски по контенту — чтобы проще вести и заполнять. Обычно контент-план делают в виде таблицы или карточек с задачами,

ШАГ логотип

Программирование

Ещё не знакомы с GitHub? — Почему нужно создать аккаунт прямо сейчас

В 2022 году GitHub объединил 83 миллиона разработчиков. Сайт используют как портфолио, место для совместной работы, форум. В статье рассказываем — что такое GitHub, и почему каждый программист должен работать с сайтом чаще, чем открывать Instagram.

В 2022 году GitHub объединил 83 миллиона разработчиков. Сайт используют как портфолио, место для совместной работы, форум. В статье рассказываем — что такое GitHub, и почему каждый программист должен работать с сайтом чаще, чем открывать Instagram. GitHub — это хостинг для кода и тусовка программистов Гитхаб придумали в 2008 году как площадку для разработки проектов: приложений, сайтов или чат-ботов. С 2019 года сайт предлагает программистам размещать код в открытом и закрытом доступе. Компании, команды и фрилансеры бесплатно могут загружать код, как файлы н

ШАГ логотип

Soft Skills

Аналитическое мышление в IT: почему это не талант, а необходимый навык

По данным Work Styles, аналитическое мышление набирает 97 баллов из 100 по востребованности в IT-профессиях. Думать глубоко и разбираться в задачах — это талант или натренированная привычка?

По данным Work Styles, аналитическое мышление набирает 97 баллов из 100 по востребованности в IT-профессиях. Думать глубоко и разбираться в задачах — это талант или натренированная привычка? Разбираемся с помощью исследований и работ Нобелевского Лауреата — Даниэля Канемана. Что такое аналитическое мышление Понять, почему в одних ситуациях мы решаем быстро, а в других нужно долго думать, поможет общая концепция мышления по по Даниэлю Канеману. Мозг человека работает в двух системах мышления: быстром (Система 1) и медленном (Система 2). Быстрая с

ШАГ логотип

Online ITStep

Интересно просмотреть истории наших выпускников?

Узнать больше