Import Cost — отличный плагин, который подойдёт тем программистам, которые склонны к самоистязанию. Всякий раз, когда вы импортируете в свой проект очередной модуль, Import Cost сообщает вам о его размере.

В результате вам постоянно приходится спрашивать себя о том, стоит ли та польза, которую вы собираетесь извлечь из модуля, увеличения размера проекта.

VS Code Marketplace | GitHub

#tools #vscode

Open in Browser — это расширение для VS Code благодаря которому, через контекстное меню, можно открыть страницу в браузере, заданном по умолчанию, или в каком-нибудь другом браузере, установленном в системе.

VS Code Marketplace | GitHub

#vscode #tools

Prettier — это своеобразный преобразователь кода. Его целью является обеспечение применения стандартизированного стиля кодирования. Благодаря Prettier код можно форматировать прямо в редакторе.

VS Code Marketplace | GitHub

#tools #vscode

GitLens — это расширение для VS Code, которое расширяет возможности встроенного git. Расширение имеет большое количество функций и гибкие настройки. Одним кликом можно получить информацию о авторе, аннотацию и многое другое.

VS Code Marketplace | GitHub

#vscode #git #tool

🛠 Path Intellisence — это одно из тех расширений, которое гарантированно улучшит вашу производительность при разработке. Оно начинало с простого автокомплита имени файлов, однако сейчас это рекомендуемое расширение для каждого разработчика, которое предоставляет набор инструментов для современных разработчиков.

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

💾 Установить

#tools #vscode

🛠 Project Manager — это очень крутое расширение, которое помогает переключаться между проектами внутри VS Code.

Теперь вам не придется открывать проводник и искать нужную папку со своим проектом. После установки расширения у вас появится небольшое боковое меню со списком ваших проектов.

— можно легко переключаться между проектами;
— можно добавлять проекты в "Избранное";
— расширение автоматически распознает Git проекты.

💾 Установить

#tools #vscode

🛠 Better Comments — это расширение, которое сделает ваши комментарии в коде заметнее и понятнее. Оно раскрасит их в соответствии со значением.

Теперь вы легко можете оставить своей команде предупреждение или задать вопрос с помощью символов ! и ? – они точно будут замечены.

💾 Установить

#tools #vscode

🛠 Quokka — это утилита, дающая вам возможность предварительного просмотра результата выполнения того или иного куска кода. Она выдает вам результаты выполнения функций и посчитанные значения переменных. Расширение легко настроить, и оно запускается из того же ящика, что и JSX или Typescript проекты.

💾 Установить

#tools #vscode

🛠 Highlight Matching Tag — это расширение для VS Code, которое подчёркивает теги. Признавайтесь, часто теряетесь в веренице тегов? Расширение будет искать потерянный закрывающий тег за вас.

💾 Установить

#tools #vscode

🛠 Regex Previewer — это очень полезный инструмент, который позволяет вам работать с регулярными выражениями прямо в текстовом редакторе. Он принимает на вход два регулярных выражения и выдаёт результаты сравнения. Принцип работы чем-то похож на RegExr.

💾 Установить

#vscode #tools

🛠 Polacode — это отличное расширение для VS Code, которое позволяет делать красивые скриншоты ваших кодов в связке с Вашей темой прямо внутри рабочей среды.

💾 Установить

#tools #vscode

🛠 HTML Boilerplate — расширение, которое упрощает работу с HTML файлами, избавляя вас от необходимости прописывать теги head и body вручную. Просто наберите в пустом файле html, нажмите на Tab, и VS Code сам сгенерирует шаблон вашего документа.

#инструменты #vscode