JavaScript et TypeScript dans Visual Studio

Visual Studio fournit une prise en charge enrichie du développement JavaScript, à la fois en utilisant JavaScript directement et en utilisant également le langage de programmation TypeScript. TypeScript a été développé pour offrir une expérience de développement JavaScript plus productive et agréable, en particulier lors du développement de projets à grande échelle. Vous pouvez écrire du code JavaScript ou TypeScript dans Visual Studio pour de nombreux types et services d’application.

Service de langage JavaScript et TypeScript

Par défaut, Visual Studio alimente l’expérience JavaScript et TypeScript avec un Kit de développement logiciel (SDK) TypeScript intégré qui fournit le compilateur et le service de langage. Ce Kit de développement logiciel (SDK) est principalement destiné aux scénarios d’édition JavaScript où votre projet n’a pas sa propre version de TypeScript installée.

À compter de Visual Studio 2026, le SDK intégré utilise le compilateur natif TypeScript 7, un port natif du compilateur et des outils TypeScript qui apporte des améliorations significatives des performances. Vous voyez des fonctionnalités IntelliSense et des achèvements plus rapides, des diagnostics d’erreurs plus rapides, des temps de chargement de projet plus rapides et une réactivité améliorée pour les fonctionnalités telles que Rechercher toutes les références et accéder à la définition. Pour plus d’informations, consultez La version bêta de TypeScript 7 désormais activée par défaut.

Utiliser une autre version TypeScript pour le service de langage

Si votre projet a une version TypeScript locale installée (via npm ou NuGet), Visual Studio utilise cette version pour le service de langage au lieu du Kit de développement logiciel (SDK) intégré.

  • Pour utiliser TypeScript 6.x (GA), installez le package npm TypeScript dans votre projet :

    npm install -D typescript@^6.0.0
    
  • Pour épingler une version préliminaire native spécifique de TypeScript 7, installez le package @typescript/native-preview :

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

Pour désactiver entièrement le service de langage natif TypeScript 7, accédez auxfonctionnalités d’aperçu>> et recherchez « préversion native ». Désactivez l’option Activer JavaScript/TypeScript Native Language Service (préversion), puis redémarrez Visual Studio.

Prise en charge de TypeScript

Par défaut, Visual Studio fournit une prise en charge du langage pour les fichiers JavaScript et TypeScript pour alimenter IntelliSense sans configuration de projet spécifique. Pour compiler TypeScript, Visual Studio vous offre la possibilité de choisir la version de TypeScript à utiliser par projet.

Dans les scénarios de compilation MSBuild tels que 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. Vous pouvez également ajouter ce package à tout moment via le gestionnaire de package NuGet. Lorsque vous utilisez le package NuGet, la version correspondante du service de langage est utilisée pour la prise en charge linguistique dans votre projet.

Les projets configurés pour npm, tels que 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.

Le Kit de développement logiciel (SDK) TypeScript téléchargeable séparément n’est plus disponible à partir de la Place de marché Visual Studio. Utilisez plutôt le package NuGet ou npm.

Conseil / Astuce

Utilisez le nuGet TypeScript ou le package npm TypeScript pour une meilleure portabilité entre différentes plateformes et environnements. Pour plus d’informations, consultez Compiler le code TypeScript à l’aide du code NuGet et compiler du code TypeScript à l’aide de npm.

Modèles de projets

Visual Studio inclut un type javaScript/TypeScript project (.esproj), appelé JavaScript Project System (JSPS), que vous pouvez utiliser pour créer des projets Angular, React et Vue autonomes dans Visual Studio. Ces projets frontaux sont créés à l’aide des outils CLI framework que vous installez sur votre ordinateur local. Vous choisissez donc la version du modèle. 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 les propriétés MSBuild pour JSPS.

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

Visual Studio 2022 fournit une prise en charge enrichie du développement JavaScript, à la fois en utilisant JavaScript directement et en utilisant également le langage de programmation TypeScript, qui a été développé pour fournir une expérience de développement JavaScript plus productive et agréable, en particulier lors du développement de projets à grande échelle. Vous pouvez écrire du code JavaScript ou TypeScript dans Visual Studio pour de nombreux types et services d’application.

Service de langage JavaScript

L’expérience JavaScript dans Visual Studio 2022 est alimentée par le même moteur qui fournit la prise en charge de TypeScript. Ce moteur vous offre une meilleure prise en charge des fonctionnalités, une richesse fonctionnelle et une intégration immédiate dès l'installation.

L’option de restauration vers le service de langage JavaScript hérité n’est plus disponible. Les utilisateurs disposent du nouveau service de langage JavaScript prêt à l'emploi. Le nouveau service de langage est uniquement basé sur le service de langage TypeScript, qui est alimenté par l’analyse statique. Ce service nous permet de vous fournir de meilleurs outils, afin que votre code JavaScript puisse tirer parti d’IntelliSense plus riche en fonction des définitions de type. Le nouveau service est léger et consomme moins de mémoire que le service hérité, ce qui vous offre de meilleures performances à mesure que votre code est mis à l’échelle. Nous avons également amélioré les performances du service de langage pour gérer des projets plus volumineux.

Prise en charge de TypeScript

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

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

Dans les scénarios de compilation MSBuild tels que 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, tels que 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.

Le Kit de développement logiciel (SDK) TypeScript téléchargeable séparément n’est plus disponible à partir de la Place de marché Visual Studio. Les projets existants qui s’appuient sur le Kit de développement logiciel (SDK) doivent être mis à niveau pour utiliser le package NuGet.

Conseil / Astuce

Pour les projets développés dans Visual Studio 2022, nous vous encourageons à utiliser le package NuGet TypeScript ou TypeScript npm pour une meilleure portabilité entre différentes plateformes et environnements. Pour plus d’informations, consultez Compiler le code TypeScript à l’aide du code NuGet et compiler du code TypeScript à l’aide de npm.

Modèles de projets

À 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 frontaux sont créés à l’aide des outils CLI de framework que vous avez installés sur votre ordinateur local, de sorte que la version du modèle est à vous. 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 les propriétés MSBuild pour JSPS

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

Remarque

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.