web-dev-qa-db-fra.com

Quelle version de TypeScript le code Visual Studio utilise-t-il? Comment le mettre à jour?

Comment savoir quelle version de TypeScript est utilisée dans Visual Studio Code? En particulier, j'utilisais TypeScript 1.8.10 et VSCode 1.4.0. J'ai d'abord mis à jour VSCode avec la dernière version, 1.5.3. Mais en vérifiant depuis la ligne de commande, j'ai vu que ma version de TypeScript était toujours la 1.8.10. J'ai donc mis à jour TypeScript à partir de la ligne de commande, qui est maintenant la version 2.0.3.

Existe-t-il un moyen de savoir avec certitude si Visual Studio Code utilise la version 2.0.3?

Existe-t-il une méthode de mise à jour du code Visual Studio qui mette automatiquement à jour TypeScript vers la dernière version publiée ou la mise à jour de TypeScript doit-elle être effectuée indépendamment?

typescriptvisual-studio-code
64
Richard Fuhr

De https://code.visualstudio.com/docs/languages/TypeScript#_using-newer-TypeScript-versions :

VS Code est livré avec une version stable récente de TypeScript.

Cela signifie qu'il n'y a aucun moyen de automatiquement mettre à niveau la version TypeScript utilisée par VS Code. Vous pouvez toutefois remplacer la version TypeScript utilisée par VS CodeScript en modifiant les paramètres utilisateur ou les paramètres de l'espace de travail.

Quelle version de TS utilise VS Code?

Lorsque vous ouvrez un fichier TypeScript, VS Code doit afficher la version TypeScript dans la barre d'état en bas à droite de l'écran:

VS Code status bar TypeScript version

Modification de la version globale de TypeScript

  1. Installez la version TypeScript souhaitée de manière globale, par exemple npm install -g [email protected]
  2. Ouvrir les paramètres utilisateur du code VS (F1 > Open User Settings)
  3. Mettre à jour/insérer "TypeScript.tsdk": "{your_global_npm_path}/TypeScript/lib" vous pouvez trouver {your_global_npm_path} en tapant npm root -g

Désormais, tous les projets que vous ouvrez avec VS Code utiliseront cette version TypeScript, à moins bien sûr qu’un paramètre d’espace de travail le remplace.

Changer la version locale de TypeScript

  1. Ouvrez le projet dans VS Code

  2. Installez la version TypeScript souhaitée localement, par exemple npm install --save-dev [email protected]

    Le --save-dev mettra à jour le package.json de votre projet, en ajoutant la version TypeScript que vous avez installée en tant que devDependency.

  3. Ouvrir les paramètres de l'espace de travail du code VS (F1 > Open Workspace Settings)

  4. Mettre à jour/insérer "TypeScript.tsdk": "./node_modules/TypeScript/lib"

    Désormais, seul le projet dans lequel vous avez installé cette version TypeScript utilisera cette version, l'installation globale sera ignorée par VS Code dans ce projet.

  5. Après avoir ajouté l'entrée TypeScript.tsdk, il est également nécessaire d'utiliser l'interface utilisateur de code VS pour sélectionner la nouvelle version:

    • Cliquez sur la version affichée dans le pied de page du code VS:

      enter image description here

    • Sélectionnez-le dans l'interface utilisateur:

      enter image description here

    Voir tilisation de la version d'espace de travail de TypeScript

    Voir aussi Améliorer la documentation de TypeScript.tsdk pour clarifier l'utilisation de l'espace de travail

129
Fabian Lauer

Existe-t-il un moyen de savoir avec certitude si Visual Studio Code utilise la version 2.0.3?

Ouvrez un fichier TypeScript dans le code Visual Studio. En bas à droite, vous verrez la version de TypeScript utilisée:

 enter image description here

Existe-t-il une méthode de mise à jour du code Visual Studio qui mette automatiquement à jour TypeScript vers la dernière version publiée, ou la mise à jour de TypeScript doit-elle être effectuée indépendamment?

Pour ce faire, je dis explicitement à Visual Studio Code le dossier dans lequel votre module TypeScript npm est installé. Je suis sous Windows, donc après avoir exécuté la commande npm pour installer TypeScript (npm install -g TypeScript), il l'installera dans ce dossier:

C:\Users\username\AppData\Roaming\npm\node_modules\TypeScript\

Vous devez donc indiquer à Visual Studio Code d’utiliser le dossier lib de votre installation TypeScript npm. Vous faites cela par:

  1. Ouvrir les paramètres du VS Code (Fichier -> Préférences -> Paramètres)

  2. Recherche de TypeScript.tsdk setting  enter image description here

  3. Trouvez où npm a installé TypeScript avec: npm list -g TypeScript. Dans mon cas, il a retourné C:\Users\username\AppData\Roaming\npm

  4. Remplacez la valeur du paramètre TypeScript.tsdk par: C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\TypeScript\\libNotez l'utilisation de doubles barres obliques inverses pour obtenir une chaîne correctement échappée avec des barres obliques inversées.

  5. Confirmez que VS Code utilise la version npm de TypeScript pour intellisense en ouvrant un fichier TypeScript, en cliquant sur le numéro de version de TypeScript en bas à droite et en visualisant dans la fenêtre de tâche que VS Code charge TypeScript depuis le répertoire spécifié à l'étape 4:

 enter image description here

  1. Confirmez que VS Code utilise la version correcte de TypeScript pour la compilation en accédant à ce dossier et en modifiant le nom du fichier:

C:\Utilisateurs\nom d'utilisateur\AppData\Roaming\npm\tsc.cmd (à quelque chose comme tsc1.cmd)

Maintenant, essayez de créer dans VS Code (tâches -> tâches d'exécution -> tsc: build - tsconfig.json) et vous devriez obtenir ce message d'erreur dans la fenêtre de terminal de code de VS:

'tsc' is not recognized as an internal or external command, operable program or batch file.
The terminal process terminated with exit code: 1
  1. Reconvertissez le fichier en tsc.cmd et vous devriez maintenant pouvoir créer et intégrer Intellisense dans VS Code pour le package de nœud TypeScript installé globalement.
12
gomisha

Visual Studio Code est fourni avec sa propre version stable de TypeScript, mais vous pouvez passer à une version plus récente, comme décrit dans le document docs

VS Code est livré avec une version stable récente de TypeScript. Si tu veux pour utiliser une version plus récente de TypeScript, vous pouvez définir le Paramètre TypeScript.tsdk (paramètres Fichier> Préférences> Utilisateur/Espace de travail) pointant vers un répertoire contenant le fichier TypeScript tsserver.js.
...
Par exemple:

{
   "TypeScript.tsdk": "node_modules/TypeScript/lib"
}
12
DAXaholic

Vous devriez voir un numéro de version indiqué sur la barre du bas:

 enter image description here

Si vous cliquez sur le numéro (2.4.0 ci-dessus), vous aurez la possibilité de choisir la version que vous souhaitez utiliser:

 enter image description here

Si vous ne voyez pas la version de votre choix, cela signifie probablement qu'elle n'est pas installée et que vous devez l'installer.

npm install -g [email protected]

Remplacez 2.7.2 par la version à installer.

2
mattnedrich

J'ai eu un problème similaire et maintenant j'ai réussi à avoir une version mise à jour de TypeScript en modifiant les variables d'environnement sur mon système. Dans mon cas, nous avons besoin d'une version TypeScript supérieure à 2. Mais je n'ai pu utiliser que la version 1.8.3. La première chose à faire est d’aller dans les variables d’environnement de mon système et de vérifier la variable de chemin. Là, j'ai trouvé une référence à TypeScript version 1.8.3.

C:\Program Files (x86)\SDK Microsoft\TypeScript\1.8.3 \

Lorsque j'ai vérifié le répertoire parent, il s'agissait également de la version la plus récente installée dans ce répertoire. J'aurais pensé en installant globalement la dernière version, que je le verrais aussi ici, mais ce n'est pas là. La version que vous voyez ici est celle qui a été installée avec Visual Studio (pas le code Visual Studio). 

Je suis donc allé dans Visual Studio et ai mis à jour la bibliothèque TypeScript vers la dernière version via Options> Extensions et mises à jour. Là j'ai cherché la dernière version de TypeScript et l'ai installée. 

Ceci a rendu une nouvelle version disponible dans le répertoire parent mentionné plus tôt . J'ai ensuite changé la variable de chemin en:

C:\Program Files (x86)\SDK Microsoft\TypeScript\2.2 \

Quand j'ouvre maintenant VS Code et tape tsc -v, je vois que j'utilise la dernière version. Plus de message d'incohérence, etc. J'espère que cela vous aidera un peu.

0
Thomas Van Herpe

Bien que je n’aie pas trouvé le fichier tsserver.js lorsque j’ai utilisé Spotlight sur mon Mac, j’ai essayé à nouveau d’utiliser mdfind et j’ai trouvé son emplacement "/ Usr/local/lib/node_modules/TypeScript/lib /"

J'ai donc utilisé ce chemin lors de la modification de mes paramètres Workspace dans settings.json

Maintenant, j'utilise ma version la plus récente de TypeScript et VSCode me dit que j'utilise ma version la plus récente.

0
Richard Fuhr

Le package TypeScript a un compilateur et un service de langage. VScode est fourni avec un service de langage TypeScript, pas avec le compilateur. Vous pouvez voir le service de langue en bas à droite, comme le montrent les autres réponses, mais vous ne pouvez pas voir quelle version du compilateur a été utilisée.

Vous pouvez avoir différentes versions pour le compilateur et le service de langue.

0
Lombas