web-dev-qa-db-ja.com

Visual Studio CodeはどのTypeScriptバージョンを使用していますか？更新する方法は？

Visual Studio Codeで使用されているTypeScriptのバージョンを確認するにはどうすればよいですか？特に、TypeScript 1.8.10とVSCode 1.4.0を使用していました。 VSCodeを最新バージョンの1.5.3に最初に更新しました。しかし、コマンドラインから確認すると、TypeScriptバージョンがまだ1.8.10であることがわかりました。そのため、コマンドラインからTypeScriptを更新しましたが、現在は2.0.3です。

Visual Studio Codeがバージョン2.0.3を使用しているかどうかを確認する方法はありますか？

TypeScriptを最新のリリースバージョンに自動的に更新するVisual Studio Codeを更新する方法はありますか、またはTypeScriptの更新を個別に行う必要がありますか？

typescriptvisual-studio-code
76
Richard Fuhr

から https://code.visualstudio.com/docs/languages/TypeScript#_using-newer-TypeScript-versions ：

VS Codeには、TypeScriptの最新の安定バージョンが付属しています。

これは、VS Codeで使用されるTypeScriptバージョンを自動的にアップグレードする方法がないことを意味します。ただし、ユーザー設定またはワークスペース設定を変更することにより、VS Codeが使用するTypeScriptバージョンをオーバーライドできます。

VS CodeはどのTSバージョンを使用していますか？

TypeScriptファイルを開くと、VS Codeは画面の右下のステータスバーにTypeScriptバージョンを表示する必要があります。

VS Code status bar TypeScript version

グローバルTypeScriptバージョンの変更

  1. 目的のTypeScriptバージョンをグローバルにインストールします（例：npm install -g [email protected]）
  2. VS Codeユーザー設定を開きます（F1 > Open User Settings）
  3. "TypeScript.tsdk": "{your_global_npm_path}/TypeScript/lib"を更新/挿入すると、npm root -gと入力して{your_global_npm_path}を見つけることができます

VS Codeで開くプロジェクトはすべて、このTypeScriptバージョンを使用します。もちろん、これをオーバーライドするワークスペース設定がない限りです。

ローカルTypeScriptバージョンの変更

  1. VS Codeでプロジェクトを開きます

  2. 目的のTypeScriptバージョンをローカルにインストールします（例：npm install --save-dev [email protected]）

    --save-devは、プロジェクトのpackage.jsonを更新し、インストールしたTypeScriptバージョンをdevDependencyとして追加します。

  3. VS Codeワークスペース設定を開きます（F1 > Open Workspace Settings）

  4. 更新/挿入"TypeScript.tsdk": "./node_modules/TypeScript/lib"

    これで、このTypeScriptバージョンをインストールしたプロジェクトのみがそのTypeScriptバージョンを使用し、グローバルインストールはこのプロジェクトのVS Codeによって無視されます。

  5. TypeScript.tsdkエントリを追加したら、VS Code UIを使用して新しいバージョンを選択する必要もあります。

    • VS Codeフッターに表示されているバージョンをクリックします。

      enter image description here

    • UIで選択します。

      enter image description here

    TypeScriptのワークスペースバージョンの使用 を参照してください

    ワークスペースの使用法を明確にするためにTypeScript.tsdkのドキュメントを改善

129
Fabian Lauer

Visual Studio Codeには、TypeScriptの独自の安定バージョンが付属していますが、 docs で説明されているように、新しいバージョンに切り替えることができます

VS Codeには、TypeScriptの最新の安定バージョンが付属しています。 TypeScriptの新しいバージョンを使用する場合は、TypeScript.tsdk設定（File>設定>ユーザー/ワークスペース設定 ）TypeScripttsserver.jsファイルを含むディレクトリを指します。
...
例えば：

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

Visual Studio Codeがバージョン2.0.3を使用しているかどうかを確認する方法はありますか？

Visual Studio CodeでTypeScriptファイルを開くと、右下に使用しているTypeScriptのバージョンが表示されます。

enter image description here

TypeScriptを自動的に最新リリースバージョンに更新するVisual Studioコードを更新する方法はありますか、またはTypeScriptの更新は個別に行う必要がありますか？

私がやってきた方法は、TypeScript npmモジュールがインストールされているフォルダーをVisual Studio Codeに明示的に伝えることです。私はWindows上にいるので、npmコマンドを実行してTypeScript（npm install -g TypeScript）をインストールすると、次のフォルダーにインストールされます。

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

したがって、TypeScript npmインストールのlibフォルダーを使用するようにVisual Studio Codeに指示する必要があります。これを行うには：

  1. VSコード設定を開きます（[ファイル]-> [設定]-> [設定]）

  2. TypeScript.tsdk設定を検索 enter image description here

  3. npm list -g TypeScriptでnpmがTypeScriptをインストールした場所を見つけます。私の場合、C:\Users\username\AppData\Roaming\npmを返しました

  4. TypeScript.tsdk設定の値を次のようにオーバーライドします：C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\TypeScript\\libダブルスラッシュを使用して、バックスラッシュを含む適切にエスケープされた文字列を使用することに注意してください

  5. TypeScriptファイルを開き、右下のTypeScriptバージョン番号をクリックして、VS Codeが手順4で指定したディレクトリからTypeScriptをロードしていることをタスクウィンドウで確認することにより、VS CodeがIntelliSenseにnpmバージョンのTypeScriptを使用していることを確認します：

enter image description here

  1. このフォルダーに移動してファイルの名前を変更することにより、VS Codeがコンパイルに正しいバージョンのTypeScriptを使用していることを確認します。

C：\ Users\username\AppData\Roaming\npm\tsc.cmd（tsc1.cmdなど）

VS Codeでビルドしてみて（タスク->タスクの実行-> tsc：build-tsconfig.json）、VS Codeターミナルウィンドウにこのエラーメッセージが表示されます。

'tsc' is not recognized as an internal or external command, operable program or batch file.
The terminal process terminated with exit code: 1
  1. ファイルをtsc.cmdに戻すと、グローバルにインストールされたTypeScriptノードパッケージのVSコードでIntellisenseをビルドして使用できるようになります。
12
gomisha

下のバーにリストされているバージョン番号が表示されるはずです。

enter image description here

番号（上記の2.4.0）をクリックすると、使用するバージョンを選択するオプションが表示されます。

enter image description here

目的のバージョンが表示されない場合は、おそらくインストールされていないため、インストールする必要があります。

npm install -g [email protected]

2.7.2をインストールするバージョンに置き換えます。

4
mattnedrich

同様の問題が発生しましたが、システムの環境変数を変更することにより、TypeScriptの最新バージョンを作成することに成功しました。私の場合、2よりも新しいTypeScriptバージョンが必要です。しかし、バージョン1.8.3しか使用できませんでした。まず、システム環境変数に移動して、パス変数を確認しました。そこで、TypeScriptバージョン1.8.3への参照を見つけました。

C：\ Program Files（x86）\ Microsoft SDKs\TypeScript\1.8.3 \

親ディレクトリをチェックしたとき、これはそのディレクトリにインストールされた最高バージョンでもありました。最新バージョンをグローバルにインストールすることで、ここにも表示されると思いましたが、そこにはありません。ここに表示されるバージョンは、Visual Studioでインストールされたバージョンです（Visual Studioのコードではありません）。

そこで、Visual Studioにアクセスし、[オプション]> [拡張機能と更新プログラム]でTypeScriptライブラリを最新バージョンに更新しました。そこで、TypeScriptの最新バージョンを検索してインストールしました。

これにより、前述の親ディレクトリで新しいバージョンが利用可能になりました。次に、パス変数を次のように変更しました。

C：\ Program Files（x86）\ Microsoft SDKs\TypeScript\2.2 \

VS Codeを開いてtsc -vと入力すると、最新バージョンを使用していることがわかります。これ以上不一致メッセージはありません。これが皆さんの助けになることを願っています。

0
Thomas Van Herpe

MacでSpotlightを使用したときにファイルtsserver.jsが見つかりませんでしたが、mdfindを使用して再試行し、その場所が「/ usr/local/lib/node_modules/TypeScript/lib /」であることがわかりました。

そのため、settings.jsonでワークスペース設定を編集するときにそのパスを使用しました

現在、TypeScriptの最新バージョンを使用しています。VSCodeは、最新バージョンを使用していることを示しています。

0
Richard Fuhr

TypeScriptパッケージには、コンパイラと言語サービスがあります。 VScodeには、コンパイラではなくTypeScript言語サービスが付属しています。他の回答が示すように、言語サービスは右下に表示されますが、使用されているコンパイラーのバージョンは表示されません。

コンパイラと言語サービスに異なるバージョンを使用できます。

0
Lombas