Bundlephobia — это инструмент, который позволяет программистам загружать различные пакеты в реестре NPM. Bundlephobia помогает проектировать архитектуру приложения так, чтобы его размер не оказался бы слишком большим. Вы также можете загрузить свой файл package.json, чтобы он мог сканировать все зависимости в вашем проекте.

Сайт | GitHub

#tools #npm

Draw.io — отличный инструмент для создания прототипов, макетов и моделей. Его можно использовать в разных целях, благодаря коллекциям шаблонов. Но основное предназначение сервиса — проектирование процессов, систем перед их внедрением с помощью кода (или с помощью фотошопа).

Draw.io является надстройкой для Google Диска, поэтому он предоставляет все возможности совместного использования и совместной работы, которые есть на Google Диске. Например, вы можете беспрепятственно работать с другими членами команды при разработке архитектуры серверов.

Сайт | GitHub

#tools #software

Codeply — идеальный инструмент для разработчиков. Он может помочь вам создать адаптивные макеты с помощью Bootstrap. Он также имеет инструменты SemanticUI и CSS, которые важны для разработки интерфейса.

Сайт | GitHub

#tools #design #web

🛠 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