# 35 локальных утилит внутри редактора кода

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

## Установка

- [ ] Открой магазин расширений в редакторе и найди **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

---

Источник: https://localhost:3000/m/35-lokalnyh-utilit-vnutri-redaktora-koda