Visual Studio Code: Paste JSON as Code

Questa settimana vi voglio mostrare una recente scoperta -ovviamente casuale- fatta utilizzando Visual Studio Code. Si tratta di una estensione che vi permetterà di copiare il vostro file JSON direttamente in codice sorgente. Personalmente la trovo molto comoda quando arrivano dei JSON dall’esterno e bisogna portarlo nel codice.
Paste JSON as Code
Lo scopo Paste JSON as Code è abbastanza prevedibile dal nome e se non dovesse bastare vi ho aperto l’articolo con uno spoiler a tema.
Le features principali -prese dalla pagina del marketplace- sono le seguenti
- Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript
- Paste JSON/JSON Schema/TypeScript as code
I dettagli dell’estensione ad oggi sono i seguenti:
Proprieta’ | Valore |
---|---|
Version | 12.0.46 |
Released on | 23/12/2017, 21:41:40 |
Last updated | 20/9/2018, 17:48:28 |
Publisher | quicktype |
Quello che vorrei farvi notare e’ il valore legato a Last updated che per i miei gusti e’ abbastanza vecchio. L’estensione pero’ e’ davvero valida, quindi valutate voi se utilizzarla o meno. Io una volta finito di usarla ho deciso di rimuoverla.
Utilizzo
Utilizzarla e’ davvero semplice. Vi serviranno due cose.
- Un file JSON
- VS Code
Per semplificare il tutorial utilizzero’ un JSON minimale come il seguente.
|
|
Ora non vi resta che copiarlo con CTRL+C ed aprire VS Code. Ed ora?
- CTRL + SHIFT + P
- Cercare (o scrivere) Paste JSON as Code
- Selezionare il linguaggio in cui si desidera “trasformare” il JSON (TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm, and JSON Schema.)
- Inserire in Top-Level type name il nome della classe (ex. MinimalDto)
Attendere qualche secondo ed avrete il seguente contenuto.
|
|
Ora -per quanto mi riguarda- viene fornito un risultato nettamente piu’ ampio del necessario, ma cancellare il superfluo ci vuole un secondo. Anche la rimozione di partial non e’ male a mio avviso!