Fara beint í aðalefni
LibraTool logoLibraTool

JSON í TypeScript breytir — ókeypis

Búðu til TypeScript-viðmót eða tegundanafn úr hvaða JSON-hlut eða -fylki sem er. Límdu JSON þitt og fáðu tilbúnar TypeScript-gerðir samstundis.

Virkar án nettengingar eftir hleðslu
export interface User {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  score: number;
  tags: string[];
  address?: null;
}

export interface Root {
  user: User;
  createdAt: string;
  version: number;
}

Algeng notkun

  • Búaðu til TypeScript gerðir frá API svörumLímið JSON API svar og búaðu samstundis til TypeScript viðmót til að setja tegund-trygga frammála.
  • TypeScript gerðir fyrir skilgreiningu og stillingar hlutiBúaðu til TypeScript viðmót frá JSON skilgreiningaskrám til að bæta tegund-tryggðu við forritsins stillingar.
  • Búaðu til TypeScript gerðir frá gagnagrunnsfærslumUmbreyttu JSON-útfluttar gagnagrunnsfærslur eða ORM fyrirspurnarniðurstöðu í TypeScript viðmót fyrir gagnamálun.
  • Tegundargögn og prófúrtakBúaðu til TypeScript viðmót frá JSON úrflokksgögnum og próf úrtaka til að setja tegund prófunum og Storybook sögum.
  • Settu gerðir á þriðju aðila API svörumBúaðu til TypeScript viðmót frá þriðju aðila API svörum þar sem opinberar gerðir vantar eða eru úreltar.

Hvernig það virkar

Þetta tól notar handskrifaða endurkvæma tegundarályktunar-reiknirit án ytri bókasafna — JSON.parse til að staðfesta og þátta inntakið, svo sérsniðin ganga sem gengur í gegnum sérhvert gildi í JSON-trénu og gefur út TypeScript interface- eða type-yfirlýsingar beint í vafranum. Ekkert er sent á netþjón.

  1. 1
    JSON þáttað og staðfest
    Inntakið þitt er sent til JSON.parse. Ef það mistekst birtist nákvæma þáttunarvillan strax fyrir neðan inntakið. Vel heppnuð þáttun framleiðir tegundabundið gildistré sem knýr restina af breytingunni.
  2. 2
    Endurkvæm tegundarályktun
    Endurkvæmt getType fall gengur í gegnum hvern hnút: frumgerðir kortleggjast á string, number, boolean, eða null; hlutir kveikja nýtt nefnt interface; fylki hluta hafa lykla sína sameinaða yfir öll element svo lyklar sem eru aðeins til staðar í sumum atriðum verða valfrjálsir og árekstrarfullar gildistegundir eru tengdar með |.
  3. 3
    Árekstraröruggt interface-nefning
    Sérhver hreiðraður hlutur fær PascalCase heiti leitt af JSON-lykli sínum (snake_case, kebab-case, og bil eru öll normaliseruð). Ef tveir byggingarlega ólíkir hlutir myndu deila sama heiti er talnalegu viðskeyti bætt við (Data, Data2, …) frekar en að þegjandi yfirskrifa fyrri skilgreininguna.
  4. 4
    Úttak myndgert og sæklegt
    Hreiðruð interface eru gefin út fyrst, svo rótartegundin, formuð sem export interface eða export type eftir vali þínu. Niðurstöðuna má afrita á klippiborðið eða sækja sem .ts skrá — allt byggt með staðlaðri Blob og engri netþjónsferð.

Tengd verkfæri

📋

JSON Schema í eyðublað

Límdu JSON Schema og fáðu beint, virkt eyðublað — texti, tölur, gátkassar, fellilist og listasvæði — afritaðu síðan JSON sem innsláttur þinn framleiðir. Frábært til að móta API-beiðnihlutlægar grindur. Keyrir í vafranum þínum.

Prófaðu það
⌨️

Innsláttarhraðapróf (WPM)

Mældu innsláttarhraða þinn (WPM) og nákvæmni með tímaprófum, orðafjöldaprófum, tilvitnunum, sérsniðnum og zen-prófum. Lifandi WPM, hráhraði, samkvæmni, niðurstöðurit, mörg tungumál og endurgjöf fyrir hvern staf — allt í vafranum þínum.

Prófaðu það
📐

CSS clamp()-smiður

Búðu til fljótandi CSS clamp() gildi fyrir svarhæfar leturnám og bil. Stilltu lágmarks/hámmarksstærð og skjásvið, sjáðu beina forskoðun og afritaðu einalína CSS.

Prófaðu það

Algengar spurningar