JavaScript e TypeScript in Visual Studio

Visual Studio offre un supporto avanzato per lo sviluppo JavaScript, sia con JavaScript direttamente che con il linguaggio di programmazione TypeScript. TypeScript è stato sviluppato per offrire un'esperienza di sviluppo JavaScript più produttiva e piacevole, soprattutto quando si sviluppano progetti su larga scala. È possibile scrivere codice JavaScript o TypeScript in Visual Studio per molti tipi e servizi di applicazione.

Servizio di linguaggio JavaScript e TypeScript

Per impostazione predefinita, Visual Studio supporta l'esperienza JavaScript e TypeScript con un SDK TypeScript predefinito che fornisce il compilatore e il servizio di linguaggio. Questo SDK è principalmente per gli scenari di modifica JavaScript in cui il progetto non ha una propria versione typeScript installata.

A partire da Visual Studio 2026, l'SDK predefinito usa il compilatore nativo TypeScript 7, una porta nativa del compilatore e degli strumenti TypeScript che apporta miglioramenti significativi delle prestazioni. Vedrai IntelliSense e completamenti del codice più rapidi, diagnostica degli errori più rapida, tempi di caricamento del progetto ridotti e una maggiore reattività per funzionalità come Trova tutti i riferimenti e Vai alla definizione. Per ulteriori informazioni, vedere TypeScript 7 Beta Now Enabled by Default.

Usare una versione TypeScript diversa per il servizio di linguaggio

Se nel progetto è installata una versione TypeScript locale (tramite npm o NuGet), Visual Studio usa tale versione per il servizio di linguaggio anziché l'SDK predefinito.

• Per usare TypeScript 6.x (GA), installare il pacchetto npm TypeScript nel progetto:

  npm install -D typescript@^6.0.0
  

• Per aggiungere una versione di anteprima nativa di TypeScript 7 specifica, installare il @typescript/native-preview pacchetto:

  npm install -D @typescript/native-preview@beta
  

Per disabilitare completamente il servizio di linguaggio nativo TypeScript 7, passare a Strumenti>Opzioni Anteprima>funzionalità e cercare "anteprima nativa". Disabilitare Enable JavaScript/TypeScript Native Language Service Preview (Abilita javaScript/TypeScript Native Language Service Preview) e quindi riavviare Visual Studio.

Supporto di TypeScript

Per impostazione predefinita, Visual Studio fornisce il supporto del linguaggio per i file JavaScript e TypeScript per l'alimentazione di IntelliSense senza alcuna configurazione di progetto specifica. Per la compilazione di TypeScript, Visual Studio offre la flessibilità necessaria per scegliere la versione di TypeScript da usare per ogni progetto.

Negli scenari di compilazione MSBuild, ad esempio ASP.NET Core, il pacchetto NuGet TypeScript è il metodo consigliato per aggiungere il supporto per la compilazione TypeScript al progetto. Visual Studio consente di aggiungere questo pacchetto la prima volta che si aggiunge un file TypeScript al progetto. È anche possibile aggiungere questo pacchetto in qualsiasi momento tramite gestione pacchetti NuGet. Quando si usa il pacchetto NuGet, la versione del servizio di lingua corrispondente viene usata per il supporto linguistico nel progetto.

I progetti configurati per npm, ad esempio i progetti Node.js, possono specificare la propria versione del servizio di linguaggio TypeScript aggiungendo il pacchetto npm TypeScript. È possibile specificare la versione usando npm manager nei progetti supportati.

TypeScript SDK scaricabile separatamente non è più disponibile nel Marketplace di Visual Studio. Usare invece il pacchetto NuGet o npm.

Modelli di progetto

Visual Studio include un tipo di progetto JavaScript/TypeScript (.esproj), chiamato JavaScript Project System (JSPS), che è possibile usare per creare progetti Angular, React e Vue indipendenti in Visual Studio. Questi progetti front-end vengono creati utilizzando gli strumenti CLI del framework che installi sul computer locale, quindi scegli la versione del template. Per eseguire la migrazione da progetti di Node.js esistenti al nuovo sistema di progetto, vedere Eseguire la migrazione di progetti Node.js. Per informazioni su MSBuild per il nuovo tipo di progetto, vedere Proprietà di MSBuild per JSPS.

All'interno di questi nuovi progetti è possibile eseguire unit test JavaScript e TypeScript, aggiungere e connettere facilmente ASP.NET Core progetti API e scaricare i moduli npm usando npm manager. Per iniziare, vedere alcune delle guide introduttive e delle esercitazioni. Per altre informazioni, vedere Esercitazioni su Visual Studio | JavaScript e TypeScript.

Visual Studio 2022 offre un supporto avanzato per lo sviluppo JavaScript, sia con JavaScript direttamente che con il linguaggio di programmazione TypeScript, sviluppato per offrire un'esperienza di sviluppo JavaScript più produttiva e piacevole, soprattutto quando si sviluppano progetti su larga scala. È possibile scrivere codice JavaScript o TypeScript in Visual Studio per molti tipi e servizi di applicazione.

Servizio di linguaggio JavaScript

L'esperienza JavaScript in Visual Studio 2022 è basata sullo stesso motore che fornisce il supporto TypeScript. Questo motore offre un supporto migliore per le funzionalità, una maggiore completezza e un'integrazione immediata fin da subito.

L'opzione per ripristinare il servizio di linguaggio JavaScript legacy non è più disponibile. Gli utenti dispongono del nuovo servizio linguistico JavaScript pronto all'uso. Il nuovo servizio di linguaggio si basa esclusivamente sul servizio di linguaggio TypeScript, basato sull'analisi statica. Questo servizio consente di offrire strumenti migliori, in modo che il codice JavaScript possa trarre vantaggio da IntelliSense più avanzato in base alle definizioni dei tipi. Il nuovo servizio è leggero e consuma meno memoria del servizio legacy, offrendo prestazioni migliori man mano che il codice viene ridimensionato. Sono state migliorate anche le prestazioni del servizio linguistico per gestire progetti più grandi.

Supporto di TypeScript

Per impostazione predefinita, Visual Studio 2022 fornisce il supporto del linguaggio per i file JavaScript e TypeScript per alimentare IntelliSense senza alcuna configurazione specifica del progetto.

Per la compilazione di TypeScript, Visual Studio offre la flessibilità necessaria per scegliere la versione di TypeScript da usare per ogni progetto.

Negli scenari di compilazione MSBuild, ad esempio ASP.NET Core, il pacchetto NuGet TypeScript è il metodo consigliato per aggiungere il supporto per la compilazione TypeScript al progetto. Visual Studio consente di aggiungere questo pacchetto la prima volta che si aggiunge un file TypeScript al progetto. Questo pacchetto è disponibile anche in qualsiasi momento tramite gestione pacchetti NuGet. Quando si usa il pacchetto NuGet, verrà usata la versione corrispondente del servizio linguistico per il supporto linguistico nel progetto. Nota: la versione minima supportata di questo pacchetto è 3.6.

I progetti configurati per npm, ad esempio i progetti Node.js, possono specificare la propria versione del servizio di linguaggio TypeScript aggiungendo il pacchetto npm TypeScript. È possibile specificare la versione usando npm manager nei progetti supportati. Nota: la versione minima supportata di questo pacchetto è 2.1.

TypeScript SDK scaricabile separatamente non è più disponibile nel Marketplace di Visual Studio. I progetti esistenti che si basano sull'SDK devono essere aggiornati per usare il pacchetto NuGet.

Modelli di progetto

A partire da Visual Studio 2022, è disponibile un nuovo tipo di progetto JavaScript/TypeScript (con estensione esproj), denominato JavaScript Project System (JSPS), che consente di creare progetti Angular, React e Vue autonomi in Visual Studio. Questi progetti front-end vengono creati utilizzando gli strumenti dell'interfaccia della riga di comando del framework installati sul tuo computer locale, quindi la scelta della versione del modello è a tua discrezione. Per eseguire la migrazione da progetti di Node.js esistenti al nuovo sistema di progetto, vedere Eseguire la migrazione di progetti Node.js. Per informazioni su MSBuild per il nuovo tipo di progetto, vedere Proprietà di MSBuild per JSPS

All'interno di questi nuovi progetti è possibile eseguire unit test JavaScript e TypeScript, aggiungere e connettere facilmente ASP.NET progetti API core e scaricare i moduli npm usando npm manager. Per iniziare, vedere alcune delle guide introduttive e delle esercitazioni. Per altre informazioni, vedere Esercitazioni su Visual Studio | JavaScript e TypeScript.