новый поток
Образование Дизайн

Самые необходимые расширения VS Code для frontend разработки (Часть 1)

В этот статье вы познакомитесь с полезными расширениями (плагинами) для редактора Visual Studio Code, необходимыми для веб-разработчиков. Эти расширения сводят к минимуму рутинную работу и ускоряют процесс написания кода.

Углубляясь в область веб-разработки, мы проводим много времени в текстовых редакторах, например, работаем с редактором VS Code, который достаточно популярен среди разработчиков. Время от времени сталкиваемся с мелкими проблемами, замедляющими нашу работу. Поиск нужного файла занимает слишком много времени, или поиск подходящей закрывающей скобки сам по себе становится долгим занятием. Все это, в конечном счете, вносит множество отрицательных эмоций в процесс кодирования.
В этой статье мы рассмотрим полезные расширения VS Code для frontend разработки - от ускорителей производительности до продвинутых помощников по отладке кода.

Подключение журнала сообщений для отладки кода

Редко какое из создаваемых приложений может обходиться без журнала логирования. Он же существенно помогает при отладке создаваемого кода. И здесь можно посоветовать использование расширения turbo-console-log. Оно автоматизирует операцию записи значимых сообщений журнала и вставляет их автоматически.

ФОТО

Все, что для этого потребуется сделать - это выбрать переменную, которую мы хотим отлаживать и нажать сочетание Ctrl+ Alt+ L. Сообщение журнала будет вставлено в следующую строку. Сочетания клавиш позволяют комментировать, раскомментировать или удалять все сообщения журнала из текущего документа.

Контроль объема пакетов

Мы все знаем, что производительность имеет значение, но на практике довольно сложно не упустить ее из виду в процессе написания кода. Чтобы держать размер пакета в поле видимости и под контролем можно использовать расширение import-cost - оно позволяет сразу узнать не импортируем ли мы здоровенный пакет в свой проект.

ФОТО