LibraTool logoLibraTool

ነፃ JSON ወደ TypeScript መቀየሪያ

ከማንኛውም JSON ነገር ወይም ድርድር TypeScript interfacesን ወይም type aliasesን ይፍጠሩ። JSONዎን ይለጥፉና ዝግጁ-ለመጠቀም TypeScript typesን ወዲያውኑ ያግኙ።

ከተጫነ በኋላ ከመስመር ውጭ ይሠራል
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;
}

እንዴት እንደሚሠራ

ይህ መሣሪያ ምንም ውጫዊ ላይብረሪ የሌለው በእጅ የተጻፈ ተደጋጋሚ የዓይነት ግምት ስልተ-ቀመር ይጠቀማል — ግቤቱን ለማረጋገጥ እና ለመተንተን JSON.parse፣ ከዚያም በJSON ዛፍ ውስጥ ያለውን እያንዳንዱን እሴት የሚያልፍ እና የTypeScript interface ወይም type መግለጫዎችን በቀጥታ በአሳሹ ውስጥ የሚያወጣ ብጁ መተላለፊያ። ወደ አገልጋይ ምንም አይላክም።

  1. 1
    JSON ይተነተናል እና ይረጋገጣል
    ግቤትዎ ወደ JSON.parse ይላካል። ካልተሳካ፣ ትክክለኛው የትንተና ስህተት ወዲያውኑ ከግቤቱ በታች ይታያል። የተሳካ ትንተና የቀረውን መቀየር የሚመራ ዓይነት ያለው የእሴቶች ዛፍ ያመርታል።
  2. 2
    ተደጋጋሚ የዓይነት ግምት
    ተደጋጋሚ getType ተግባር እያንዳንዱን አንጓ ያልፋል፦ መሠረታዊ እሴቶች ወደ string፣ number፣ boolean ወይም null ይዛመዳሉ፤ ነገሮች አዲስ ስም ያለው interface ይፈጥራሉ፤ የነገሮች ድርድሮች ቁልፎቻቸው በሁሉም አካላት ላይ ይዋሃዳሉ፤ ስለዚህ በአንዳንድ ንጥሎች ብቻ ያሉ ቁልፎች አማራጭ ይሆናሉ፣ የሚጋጩ የእሴት ዓይነቶችም በ| ይጣመራሉ።
  3. 3
    ግጭትን የሚከላከል የinterface ስያሜ
    እያንዳንዱ የተከተተ ነገር ከJSON ቁልፉ የተገኘ የPascalCase ስም ያገኛል (snake_case፣ kebab-case እና ክፍተቶች ሁሉም ይስተካከላሉ)። በመዋቅር የተለያዩ ሁለት ነገሮች ተመሳሳይ ስም የሚጋሩ ከሆነ፣ የቀደመውን መግለጫ በዝምታ ከመተካት ይልቅ የቁጥር ቅጥያ ይታከላል (Data፣ Data2፣ …)።
  4. 4
    ውጤቱ ይታያል እና ሊወርድ ይችላል
    የተከተቱ interfaceዎች መጀመሪያ ይወጣሉ፣ ከዚያም የሥሩ ዓይነት፣ እንደ ምርጫዎ export interface ወይም export type ሆኖ ይቀረጻል። ውጤቱ ወደ ቅንጥብ ሰሌዳ ሊቀዳ ወይም እንደ .ts ፋይል ሊወርድ ይችላል — ሁሉም በመደበኛ Blob እና ያለ የአገልጋይ ምልልስ ይገነባል።

ተዛማጅ መሳሪያዎች

📋

JSON Schema ወደ ቅጽ

JSON Schema ይለጥፉ እና ቀጥታ የሚሠራ ቅጽ ያግኙ — ጽሑፍ፣ ቁጥር፣ ማረጋገጫ ሳጥን፣ ተቆልቋይ እና ዝርዝር መስኮች — ከዚያ ግቤቶችዎ የሚያመነጩትን JSON ይቅዱ። ለAPI ጥያቄ አካላት ናሙና ለመሥራት ጥሩ ነው። በአሳሽዎ ውስጥ ይሠራል።

ሞክሩት
ተወዳጅ
⌨️

የመተየብ ፍጥነት ፈተና (WPM)

የመተየብ ፍጥነትዎን (WPM) እና ትክክለኛነትዎን በጊዜ የተገደበ፣ የቃል-ቆጠራ፣ ጥቅስ፣ ብጁ እና zen ፈተናዎች ይለኩ። ቀጥታ WPM፣ ጥሬ ፍጥነት፣ ወጥነት፣ የውጤት ግራፍ፣ ብዙ ቋንቋዎችና በቁምፊ ደረጃ ግብረመልስ — ሁሉም በአሳሽዎ ውስጥ።

ሞክሩት
📐

CSS clamp() ፈጣሪ

ለተስማሚ typography እና ክፍተት ፈሳሽ CSS clamp() እሴት ይፍጠሩ። ዝቅተኛ/ከፍተኛ መጠንና viewport ክልል ያዘጋጁ፣ ቀጥታ ቅድመ-እይታ ይመልከቱና አንድ-መስመር CSS ይቅዱ።

ሞክሩት

ተደጋጋሚ ጥያቄዎች