web-dev-qa-db-ger.com

Welche TypeScript-Version verwendet Visual Studio Code? Wie aktualisiere ich es?

Wie kann ich feststellen, welche Version von TypeScript in Visual Studio Code verwendet wird? Insbesondere habe ich TypeScript 1.8.10 und VSCode 1.4.0 verwendet. Ich habe VSCode zuerst auf die neueste Version aktualisiert, die Version 1.5.3 war. Bei der Überprüfung der Befehlszeile habe ich gesehen, dass meine TypeScript-Version noch 1.8.10 war. Also habe ich TypeScript von der Kommandozeile aus aktualisiert und es ist jetzt 2.0.3.

Gibt es eine Möglichkeit, um festzustellen, ob Visual Studio Code Version 2.0.3 verwendet?

Gibt es eine Methode zum Aktualisieren von Visual Studio Code, mit der TypeScript automatisch auf die neueste veröffentlichte Version aktualisiert wird, oder muss das TypeScript-Update separat durchgeführt werden?

64
Richard Fuhr

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

VS Code wird mit einer aktuellen stabilen Version von TypeScript ausgeliefert.

Dies bedeutet, dass es keine Möglichkeit gibt, die von VS Code verwendete TypeScript-Version automatisch zu aktualisieren . Sie können jedoch die verwendete TypeScript-Version von VS Code überschreiben, indem Sie entweder die Benutzereinstellungen oder die Arbeitsbereichseinstellungen ändern.

Welche TS-Version verwendet VS Code?

Wenn Sie eine TypeScript-Datei öffnen, sollte VS Code die TypeScript-Version in der Statusleiste unten rechts auf dem Bildschirm anzeigen:

VS Code status bar TypeScript version

Ändern der globalen TypeScript-Version

  1. Installieren Sie die gewünschte TypeScript-Version global, zum Beispiel npm install -g [email protected]
  2. Öffnen Sie die VS Code-Benutzereinstellungen (F1 > Open User Settings)
  3. Update/Insert "TypeScript.tsdk": "{your_global_npm_path}/TypeScript/lib" Sie können {your_global_npm_path} herausfinden, indem Sie npm root -g eingeben

Jetzt verwenden alle Projekte, die Sie mit VS Code öffnen, diese TypeScript-Version, sofern dies nicht durch eine Arbeitsbereichseinstellung außer Kraft gesetzt wird.

Ändern der lokalen TypeScript-Version

  1. Öffnen Sie das Projekt in VS Code
  2. Installieren Sie die gewünschte TypeScript-Version lokal, zum Beispiel npm install --save-dev [email protected]

    Der --save-dev aktualisiert den package.json Ihres Projekts und fügt die installierte TypeScript-Version als devDependency hinzu.

  3. Öffnen Sie die VS Code Workspace-Einstellungen (F1 > Open Workspace Settings)

  4. "TypeScript.tsdk": "./node_modules/TypeScript/lib" aktualisieren/einfügen

    Jetzt verwendet nur das Projekt, in dem Sie diese TypeScript-Version installiert haben, diese TypeScript-Version. Die globale Installation wird von VS Code in diesem Projekt ignoriert.

  5. Nachdem Sie den Eintrag TypeScript.tsdk hinzugefügt haben, müssen Sie auch die VS Code-Benutzeroberfläche verwenden, um die neue Version auszuwählen:

    • Klicken Sie auf die Version, die in der VS Code-Fußzeile angezeigt wird:

      enter image description here

    • Wählen Sie es in der Benutzeroberfläche aus:

      enter image description here

    Siehe Verwenden der Arbeitsbereichsversion von TypeScript

    Siehe auch Dokumentation für TypeScript.tsdk verbessern, um die Verwendung des Arbeitsbereichs zu vereinfachen

129
Fabian Lauer

Gibt es eine Möglichkeit, sicher festzustellen, ob Visual Studio Code Version 2.0.3 verwendet?

Öffnen Sie eine TypeScript-Datei in Visual Studio Code. Rechts unten sehen Sie die verwendete TypeScript-Version:

 enter image description here

Gibt es eine Methode zum Aktualisieren von Visual Studio Code, mit der TypeScript automatisch auf die neueste veröffentlichte Version aktualisiert wird, oder muss das TypeScript-Update separat durchgeführt werden?

Ich habe das so gemacht, Visual Studio Code explizit mitzuteilen, in welchem ​​Ordner das TypeScript npm-Modul installiert ist. Ich bin unter Windows. Nachdem Sie also den Befehl npm zur Installation von TypeScript (npm install -g TypeScript) ausgeführt haben, wird es in diesem Ordner installiert:

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

Daher müssen Sie Visual Studio Code anweisen, den Ordner lib Ihrer TypeScript npm-Installation zu verwenden. Sie tun dies durch:

  1. VS-Code-Einstellungen öffnen (Datei -> Voreinstellungen -> Einstellungen)

  2. Suche nach TypeScript.tsdk-Einstellung  enter image description here

  3. Finden Sie heraus, wo TypScript mit npm installiert wurde: npm list -g TypeScript. In meinem Fall wurde C:\Users\username\AppData\Roaming\npm zurückgegeben.

  4. Überschreiben Sie den Wert von TypeScript.tsdk mit: C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\TypeScript\\libBeachten Sie die Verwendung von doppelten umgekehrten Schrägstrichen, um eine ordnungsgemäß maskierte Zeichenfolge mit umgekehrten Schrägstrichen zu erhalten.

  5. Bestätigen Sie, dass VS Code die npm-Version von TypeScript für Intellisense verwendet, indem Sie eine TypeScript-Datei öffnen, auf die TypeScript-Versionsnummer unten rechts klicken und im Aufgabenfenster sehen, dass VS Code TypeScript aus dem in Schritt 4 angegebenen Verzeichnis lädt:

 enter image description here

  1. Stellen Sie sicher, dass VS Code die richtige Version von TypeScript zum Kompilieren verwendet, indem Sie in diesen Ordner gehen und den Namen der Datei ändern:

C:\Benutzer\Benutzername\AppData\Roaming\npm\tsc.cmd (zu etwas wie tsc1.cmd)

Versuchen Sie nun, VS-Code zu erstellen (Aufgaben -> Aufgaben ausführen -> tsc: build - tsconfig.json), und Sie sollten diese Fehlermeldung im VS-Code-Terminalfenster erhalten:

'tsc' is not recognized as an internal or external command, operable program or batch file.
The terminal process terminated with exit code: 1
  1. Ändern Sie die Datei wieder in tsc.cmd, und Sie sollten jetzt in VS Code Intellisense für das global installierte TypeScript-Knotenpaket erstellen können
12
gomisha

Visual Studio Code wird mit einer eigenen stabilen Version von TypeScript geliefert. Sie können jedoch zu einer neueren Version wechseln, wie in docs beschrieben. 

VS Code wird mit einer aktuellen stabilen Version von TypeScript ausgeliefert. Falls Sie es wollen Um eine neuere Version von TypeScript zu verwenden, können Sie die .__ definieren. TypeScript.tsdk Einstellung (Datei> Voreinstellungen> Benutzer-/Arbeitsbereich-Einstellungen). Verweist auf ein Verzeichnis, das die Datei TypeScript tsserver.js enthält.
...
Zum Beispiel:

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

Sie sollten eine Versionsnummer in der unteren Leiste sehen:

 enter image description here

Wenn Sie auf die Nummer (2.4.0 oben) klicken, wird eine Option zur Auswahl der Version angezeigt, die Sie verwenden möchten:

 enter image description here

Wenn Sie die gewünschte Version nicht sehen, ist sie wahrscheinlich nicht installiert, und Sie müssen sie installieren.

npm install -g [email protected]

Ersetzen Sie 2.7.2 durch die Version, die Sie installieren möchten.

2
mattnedrich

Ich hatte ein ähnliches Problem und nun gelang es mir, eine aktuelle Version von TypeScript zu haben, indem ich die Umgebungsvariablen auf meinem System änderte. In meinem Fall benötigen wir eine TypeScript-Version höher als 2. Ich konnte jedoch nur Version 1.8.3 verwenden. Als erstes ging ich zu meinen Systemumgebungsvariablen und überprüfte die Pfadvariable. Dort fand ich einen Verweis auf TypeScript Version 1.8.3.

C:\Programme (x86)\Microsoft SDKs\TypeScript\1.8.3 \

Bei der Überprüfung des übergeordneten Verzeichnisses war dies auch die höchste in diesem Verzeichnis installierte Version. Ich hätte bei der globalen Installation der neuesten Version gedacht, dass ich dies auch hier sehen würde, aber es ist nicht da. Die Version, die Sie hier sehen, ist die Version, die mit Visual Studio installiert wurde (nicht Visual Studio Code). 

Also bin ich zu Visual Studio gegangen und habe die TypeScript-Bibliothek über Optionen> Erweiterungen und Updates auf die neueste Version aktualisiert. Dort habe ich nach der neuesten Version von TypeScript gesucht und diese installiert. 

Dadurch wurde eine neue Version im zuvor genannten übergeordneten Verzeichnis verfügbar gemacht .. __ Ich änderte die Pfadvariable folgendermaßen:

C:\Programme (x86)\Microsoft SDKs\TypeScript\2.2 \

Wenn ich jetzt VS Code öffne und tsc -v eingebe, sehe ich, dass ich die neueste Version verwende. Keine Mismatch-Meldung mehr usw. Hoffe, das hilft euch Jungs ein bisschen.

0

Obwohl ich die Datei tsserver.js nicht finden konnte, als ich Spotlight auf meinem Mac verwendete, versuchte ich es erneut mit mdfind, und ich fand den Speicherort.

Also habe ich diesen Pfad benutzt, wenn ich meine Einstellungen für Workspace in settings.json editierte

Jetzt verwende ich meine neueste Version von TypeScript, und VSCode sagt mir, dass ich meine neueste Version verwende.

0
Richard Fuhr

Das TypeScript-Paket enthält einen Compiler und einen Sprachdienst. VScode wird mit einem TypeScript-Sprachdienst geliefert, nicht mit dem Compiler. Sie können den Sprachdienst unten rechts sehen, wie die anderen Antworten zeigen, aber Sie können nicht sehen, welche Compiler-Version verwendet wurde.

Sie können unterschiedliche Versionen für den Compiler und den Sprachdienst haben.

0
Lombas