JavaScript e TypeScript in Visual Studio

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 di applicazioni e servizi.

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 ottimale per le funzionalità, la ricchezza e l'integrazione immediatamente predefinita.

L'opzione per ripristinare il servizio di linguaggio JavaScript legacy non è più disponibile. Gli utenti hanno il nuovo servizio di linguaggio JavaScript istanza predefinita. Il nuovo servizio di linguaggio si basa esclusivamente sul servizio di linguaggio TypeScript, supportato dall'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 utilizza meno memoria rispetto al servizio legacy, offrendo agli utenti prestazioni migliori a seconda delle dimensioni del codice. Sono state anche migliorate le prestazioni del servizio di linguaggio per gestire progetti di grandi dimensioni.

Supporto di TypeScript

Per impostazione predefinita, Visual Studio 2022 fornisce il supporto del linguaggio per i file JavaScript e TypeScript per power IntelliSense senza alcuna configurazione del 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. 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 è stato deprecato in Visual Studio 2022. I progetti esistenti che si basano sull'SDK devono essere aggiornati per usare il pacchetto NuGet. Per i progetti che non possono essere aggiornati immediatamente, l'SDK è ancora disponibile in Visual Studio Marketplace e come componente facoltativo nel programma di installazione di Visual Studio.

Suggerimento

Per i progetti sviluppati in Visual Studio 2022, è consigliabile usare il pacchetto NuGet TypeScript o TypeScript npm per una maggiore portabilità tra piattaforme e ambienti diversi. Per altre informazioni, vedere Compilare il codice TypeScript usando NuGet e Compilare il codice TypeScript usando tsc.

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 usando gli strumenti dell'interfaccia della riga di comando del framework installati nel computer locale, quindi la versione del modello è disponibile. 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.

Nota

A partire da Visual Studio 2022 versione 17.5 è disponibile un modello semplificato e aggiornato. Rispetto ai modelli spa ASP.NET disponibili in Visual Studio, i modelli spa con estensione esproj per ASP.NET Core offrono una gestione migliore delle dipendenze npm e un supporto migliore per la compilazione e la pubblicazione.

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

JavaScript Language Service

L'esperienza JavaScript in Visual Studio 2019 si basa sullo stesso motore che fornisce il supporto di TypeScript. Ciò consente supporto delle funzionalità, completezza e integrazione migliori, direttamente nella versione predefinita.

L'opzione per ripristinare il servizio di linguaggio JavaScript legacy non è più disponibile. Il servizio di linguaggio JavaScript è ora disponibile per impostazione predefinita. Il nuovo servizio di linguaggio si basa esclusivamente sul servizio di linguaggio TypeScript, supportato dall'analisi statica. Ciò consente di mettere a disposizione strumenti migliori, in modo che il codice JavaScript possa trarre vantaggio da un'esecuzione di IntelliSense più completa in base alle definizioni dei tipi. Il nuovo servizio è leggero e utilizza meno memoria rispetto al servizio legacy, offrendo agli utenti prestazioni migliori a seconda delle dimensioni del codice. Sono state anche migliorate le prestazioni del servizio di linguaggio per gestire progetti di grandi dimensioni.

Supporto di TypeScript

Visual Studio 2019 offre diverse opzioni per l'integrazione della compilazione TypeScript nel progetto:

  • Pacchetto NuGet TypeScript. Quando si installa il pacchetto NuGet per TypeScript 3.2 o versione successiva nel progetto, la versione corrispondente del servizio di linguaggio TypeScript viene caricata nell'editor.
  • Pacchetto npm TypeScript. Quando il pacchetto npm per TypeScript 2.1 o versione successiva è installato nel progetto, la versione corrispondente del servizio di linguaggio TypeScript viene caricata nell'editor.
  • TypeScript SDK, disponibile per impostazione predefinita nel programma di installazione di Visual Studio, nonché come download dell'SDK autonomo da Visual Studio Marketplace.

Suggerimento

Per i progetti sviluppati in Visual Studio 2019, è consigliabile usare il pacchetto NuGet TypeScript o TypeScript npm per una maggiore portabilità in piattaforme e ambienti diversi. Per altre informazioni, vedere Compilare il codice TypeScript usando NuGet e Compilare il codice TypeScript usando tsc.

Progetti

Le app UWP JavaScript non sono più supportate in Visual Studio 2019. Non è possibile creare o aprire progetti UWP JavaScript (file con estensione jsproj). Per altre informazioni, vedere la documentazione sulla creazione delle app Web progressive eseguite in modo corretto in Windows.