JavaScript et TypeScript dans Visual Studio

Visual Studio 2022 assure une prise en charge complète du développement JavaScript, à la fois directement et avec le langage de programmation TypeScript, qui a été développé pour offrir une expérience de développement JavaScript plus productive et plus agréable, en particulier pour des projets à grande échelle. Il est possible d’écrire du code JavaScript ou TypeScript dans Visual Studio pour de nombreux types d’applications et services.

Service de langage JavaScript

L’expérience JavaScript dans Visual Studio 2022 s’appuie sur le même moteur que la prise en charge de TypeScript. Ce moteur vous assure une meilleure prise en charge de fonctionnalités, une plus grande richesse et une intégration immédiatement prête à l’emploi.

La possibilité de revenir à l’ancien service de langage JavaScript n’est plus disponible. Les utilisateurs disposent du nouveau service de langage JavaScript intégré. Il s’appuie uniquement sur le service de langage TypeScript, qui repose sur l’analyse statique, ce qui nous permet de proposer de meilleurs outils : votre code JavaScript bénéficie ainsi de fonctionnalités IntelliSense plus riches, basées sur les définitions de type. Le nouveau service est léger et consomme moins de mémoire que l’ancien, ce qui assure de meilleurs résultats lorsque le code prend de l’ampleur. Nous avons également amélioré les performances du service de langage pour gérer les projets volumineux.

Prise en charge de TypeScript

Par défaut, Visual Studio 2022 prend en charge le langage pour les fichiers JavaScript et TypeScript pour alimenter IntelliSense sans configuration de projet spécifique.

Pour la compilation de TypeScript, Visual Studio vous donne la possibilité de choisir la version de TypeScript à utiliser par projet.

Dans les scénarios de compilation MSBuild comme ASP.NET Core, le package NuGet TypeScript est la méthode recommandée pour ajouter la prise en charge de la compilation TypeScript à votre projet. Visual Studio vous donne la possibilité d’ajouter ce package la première fois que vous ajoutez un fichier TypeScript à votre projet. Ce package est également disponible à tout moment via le gestionnaire de package NuGet. Lorsque le package NuGet est utilisé, la version correspondante du service de langage est utilisée pour la prise en charge linguistique dans votre projet. Remarque : la version minimale prise en charge de ce package est 3.6.

Les projets configurés pour npm, par exemple les projets Node.js, peuvent spécifier leur propre version du service de langage TypeScript en ajoutant le package npm TypeScript. Vous pouvez spécifier la version à l’aide du gestionnaire npm dans les projets pris en charge. Remarque : la version minimale prise en charge de ce package est 2.1.

TypeScript SDK a été déconseillé dans Visual Studio 2022. Les projets existants qui s’appuient sur le Kit de développement logiciel (SDK) doivent être mis à niveau pour utiliser le package NuGet. Pour les projets qui ne peuvent pas être mis à niveau immédiatement, le SDK est toujours disponible sur Visual Studio Marketplace et en tant que composant facultatif dans Visual Studio Installer.

Conseil

Pour les projets développés dans Visual Studio 2022, nous vous encourageons à utiliser les packages TypeScript NuGet ou TypeScript npm afin de bénéficier d’une meilleure portabilité entre les plateformes et les environnements. Pour plus d’informations, consultez Compiler du code TypeScript à l’aide de NuGet et Compiler du code TypeScript à l’aide de tsc.

Modèles de projet

À compter de Visual Studio 2022, il existe un nouveau type de projet JavaScript/TypeScript (.esproj), appelé JavaScript Project System (JSPS), qui vous permet de créer des projets Angular, React et Vue autonomes dans Visual Studio. Ces projets front-end sont créés à l’aide des outils CLI de l’infrastructure que vous avez installés sur votre ordinateur local. La version du modèle vous appartient donc. Pour migrer des projets Node.js existants vers le nouveau système de projet, consultez Migrer des projets Node.js. Pour plus d’informations sur MSBuild pour le nouveau type de projet, consultez Propriétés MSBuild pour JSPS

Dans ces nouveaux projets, vous pouvez exécuter des tests unitaires JavaScript et TypeScript, ajouter facilement des projets d’API ASP.NET Core et vous y connecter, et télécharger vos modules npm à l’aide du gestionnaire npm. Consultez quelques-uns des guides de démarrage rapide et tutoriels pour commencer. Pour plus d’informations, consultez Tutoriels Visual Studio | JavaScript et TypeScript.

Notes

Un modèle simplifié et mis à jour est disponible à partir de Visual Studio 2022 version 17.5. Par rapport aux modèles SPA ASP.NET disponibles dans Visual Studio, les modèles SPA .esproj pour ASP.NET Core offrent une meilleure gestion des dépendances npm et une meilleure prise en charge de la génération et de la publication.