a11y.skipToMainContent
1

JSON для TypeScript

Вставьте полезную нагрузку JSON и мгновенно получите интерфейсы TypeScript (или псевдонимы типов), описывающие его форму. Необязательно помечайте все свойства как необязательные или только для чтения. Полезно для API макет данных, креплений или быстрых заглушки типа.

Was this tool helpful?
Send output to:
Advertisement

How to use JSON to TypeScript

  1. Вставьте действительный JSON.
  2. Установите имя интерфейса root.
  3. Выберите интерфейс или введите псевдоним и дополнительные флаги.
  4. Копируйте созданный TypeScript.

Что такое имя?

Инструмент ходит по дереву JSON, выводит типы (струна / число / булево / нуль / массив / объект), рекурсивно генерирует именованный интерфейс для каждого объекта и собирает их в чистый файл TypeScript. Смешанные массивы становятся союзными массивами (например, (string | number)[]).

Advertisement

FAQ

А как же дискриминируемые профсоюзы?
Авто-обнаружить не удалось. Инструмент генерирует структурные типы из одного образца. Объединение рук, если у вас есть несколько образцов.
Полезно ли это для ввода ответов API?
Абсолютно — вставьте JSON из API для создания интерфейсов TypeScript для макетов, документации или интерфейсного кода.
Поддерживает ли он глубоко вложенные структуры JSON?
Да, он обрабатывает вложенные объекты и массивы для создания всеобъемлющих определений типов TypeScript.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement