Inizia a creare

Playcode Classic

Playground TypeScript

Questo playground TypeScript esegue TypeScript online, in una pagina live nel tuo browser. Gli errori di tipo vengono sottolineati mentre scrivi, i pacchetti npm arrivano con i loro tipi e i componenti React .tsx vengono renderizzati nell'anteprima. Niente da configurare e nessun account per iniziare; accedi per salvare e condividere. Fa parte di Playcode Classic, gli strumenti gratuiti per programmare di Playcode.

Apri il playground

Gratis. Per iniziare non serve un account.

In una sabbiera del parco giochi Play spinge un grosso blocco quadrato contro il foro rotondo di un gigantesco gioco a incastri di legno; il blocco non entra, e sotto il foro brilla una linea ondulata rossa. Uno sviluppatore sul bordo della sabbiera ride davanti al portatile.

Gli errori di tipo compaiono mentre scrivi

L'editor controlla i tipi con TypeScript 5.9 e sottolinea ciò che non va; passa il mouse sopra per vedere il motivo. Il controllo non blocca mai l'esecuzione, così puoi provare un'idea prima che sia tipizzata del tutto.

Preferisci descrivere un sito web invece di programmarlo? Usa il creatore di siti web con l'AI di Playcode
Sulla sabbia una fila di blocchi di legno è disposta come una riga di codice, tutti cubi tranne un triangolo; Play, con un gesso rosso in mano, ha tracciato una linea ondulata sotto il triangolo, e lo sviluppatore lo indica dal bordo della sabbiera.

I pacchetti arrivano con i loro tipi

Importa un pacchetto e l'editor ti propone di installarlo da npm. Le sue definizioni di tipo arrivano insieme, così l'autocompletamento conosce ogni funzione e il controllo dei tipi ogni argomento.

A un tavolo da picnic lo sviluppatore infila un attrezzo nuovo nell'incavo di gommapiuma di una valigetta aperta, sagomato proprio sulla sua forma, e Play, sul tavolo accanto a lui, stringe le mani al petto, felice.

Hai un file .tsx? Vedilo in azione.

Apri il template React TypeScript, incolla il componente in un file e renderizzalo da index.tsx. Compare nell'anteprima, e i suoi pulsanti funzionano.

Apri il template React TypeScript
Lo sviluppatore gira la manovella di una grande scatola a sorpresa e ne salta fuori, sulla molla, una piccola card web con un'immagine e un pulsante arancione fiamma, mentre Play guarda entusiasta.

Playground ufficiale o questo?

Usa il playground ufficiale di TypeScript per leggere il JavaScript compilato e provare altre versioni e opzioni del compilatore.

Usa questo quando il tuo TypeScript ha bisogno di una pagina, di pacchetti o di React:

  • Una pagina live con HTML e CSS
  • Pacchetti npm, tipi inclusi
  • React e .tsx
  • Più file che si importano tra loro
  • Un link da condividere e qualcuno con cui modificare il codice
  • La chat AI, per le domande sul tuo codice

Fa parte di Playcode Classic

Playcode è nato nel 2016 come ambiente di programmazione nel browser. Questo playground è uno dei suoi strumenti gratuiti per programmare, che oggi chiamiamo Playcode Classic.

Oggi Playcode è una piattaforma AI per creare e gestire siti web e app.

Scopri il creatore di siti web con l'AITutti gli strumenti di Playcode Classic
Play, al cancello aperto di un vecchio parco giochi, mostra cosa c'è oltre: un razzo pronto sulla rampa di lancio.

Domande frequenti

  • Cos'è un playground TypeScript?

    Una sandbox TypeScript, o playground TS: uno spazio in cui scrivere TypeScript ed eseguirlo subito, senza configurare un progetto o un compilatore. Questo esegue il tuo codice in una pagina live nel browser e controlla i tipi mentre scrivi.

  • Questo editor TypeScript online è gratuito?

    Sì. Scrivere ed eseguire codice è gratis e non richiede un account. Per salvare e condividere serve un account gratuito, che può contenere fino a tre progetti, pubblici o privati; la chat AI consuma crediti.

  • Quale versione di TypeScript usa?

    L'editor controlla il codice con TypeScript 5.9. Per eseguirlo, esbuild lo compila in JavaScript senza controllare i tipi, quindi un errore di tipo non blocca mai l'esecuzione.

  • Controlla i tipi come tsc?

    Sì. Mentre scrivi esegue il type checker di TypeScript e sottolinea gli errori, con la modalità strict attiva e strictNullChecks disattivato.

  • Posso vedere il JavaScript compilato?

    Non ancora. Per leggere il JavaScript generato da TypeScript, usa il playground ufficiale di TypeScript.

  • Posso usare i pacchetti npm?

    Sì. Importa un pacchetto e l'editor ti propone di installarlo da npm, con le sue definizioni di tipo.

  • Come apro un file .tsx online?

    Apri il template React TypeScript, incolla il componente in un file e renderizzalo da index.tsx. Compare nell'anteprima, quindi il playground fa anche da visualizzatore TSX online.

  • Posso aprire un file .tsx sul telefono?

    Sì, nel browser del telefono, allo stesso modo. Per il codice più lungo è più comodo uno schermo grande.

  • Supporta React e JSX?

    Sì. I file .tsx e .jsx vengono compilati nell'anteprima. Parti dal template React TypeScript.

  • Questo playground fa parte di Playcode?

    Sì. Questo playground fa parte di Playcode Classic, gli strumenti gratuiti per programmare di Playcode. Playcode è nato nel 2016 come ambiente di programmazione nel browser. Oggi è una piattaforma AI per creare e gestire siti web e app.

Altri strumenti gratuiti per programmare

Scrivi un tipo. Guardalo girare.

Apri il playground
Un razzo aspetta con il portello aperto e un posto libero, e Play ti invita a salire. Molto più in alto, un altro razzo si allontana.