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 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 è stato deprecato in Visual Studio 2022. I progetti esistenti che si basano sull'SDK devono essere aggiornati per usare il pacchetto NuGet.

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 npm.

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.

Annotazioni

A partire da Visual Studio 2022 versione 17.5 è disponibile un modello semplificato e aggiornato. Rispetto ai modelli spa di 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.