Чек-лист
кодовое словоИнструмент
35 локальных утилит внутри редактора кода
DevTool+ помогает не прыгать в браузер за мелкими задачами: преобразовать данные, собрать цвет, проверить контраст, создать градиент, разобрать ссылку, закодировать файл или быстро получить служебную строку.
Содержание5 глав
Установка
- Открой магазин расширений в редакторе и найди DevTool+.
- Поставь расширение от Fuzionix и закрепи значок на боковой панели.
- Если ставишь через терминал, используй команду ниже.
code --install-extension Fuzionix.devtool-plus
Шесть разделов
| Раздел | Что там делать |
|---|---|
| Кодирование | Работать с Base64, ссылками, двоичным и шестнадцатеричным представлением, специальными символами. |
| Дизайн | Подбирать цвета, палитры, градиенты, кривые анимации, контраст и смешивание цветов. |
| Данные | Править и преобразовывать JSON, YAML, HTML, XML, TOML, даты и идентификаторы. |
| Текст | Сравнивать тексты, собирать таблицы, делать заготовки текста и адресные строки. |
| Утилиты | Создавать QR-коды, смотреть коды ответов, переводить размеры данных и пути. |
| Криптография | Генерировать пароли и токены, проверять JWT, считать хеши, работать с AES и RSA. |
Когда особенно полезно
- Нужно быстро собрать CSS-градиент и сразу вставить его в проект.
- Нужно нарисовать кривую анимации и получить готовую строку.
- Нужно преобразовать JSON в YAML или XML без отдельного сайта.
- Нужно проверить ссылку, путь, QR-код, дату или размер файла.
- Нужно обработать приватные данные локально, не отправляя их в онлайн-сервисы.
Мини-проверка после установки
- Открой боковую панель расширения.
- Закрепи 3 частые утилиты в избранном.
- Собери один градиент и вставь его в тестовый стиль.
- Открой редактор JSON и проверь форматирование на реальном фрагменте.
- Проверь, что для задачи с приватными данными не нужен внешний сайт.
Источник
- Страница расширения: https://marketplace.visualstudio.com/items?itemName=Fuzionix.devtool-plus
