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


111

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の更新を個別に行う必要がありますか?


tsc --version ??
ハッカーマン2016

プロジェクトファイルの設定だと思います。プロジェクトファイル(.csprojファイルなど)をメモ帳で開く場合は、typescript version要素を削除して、PCにインストールされている最新バージョンをプロジェクトに使用させることができます。
イゴール

@Hackerman Nope、それはあなたにグローバルなTSCバージョンを表示するだけです。
Fabian Lauer 2016

回答:


191

TypeScriptを自動的に更新できますか?

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

VS Codeドキュメントから

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


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

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

VSコードステータスバーTypeScriptバージョン


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

  1. たとえば、必要なTypeScriptバージョンをグローバルにインストールします。 npm install -g typescript@2.0.5
  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 typescript@2.0.5

    --save-devプロジェクトのを更新しますpackage.jsonあなたのようにインストール活字版を追加し、devDependency

  3. VSコードワークスペース設定を開く(F1> Open Workspace Settings

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

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

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

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

      vsコードフッター

    • UIで選択します。

      UIでtsバージョンを選択する


以下も参照してください。


3
ちなみに私はWindowsを使用しているため、グローバルノードモジュールフォルダーへのフルパスを指定する必要がありました- C:\\Users\\myname\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib。あなたnpm root -gはコマンドラインであなたのものを再確認することができます。それ以外の場合、これはおそらく回答としてマークされるはずです@Richard Fuhr
Cody

この設定を追加すると、Visual Studioコードですべてのtypescript言語機能が完全に無効になります。これはあなたが探している答えではありません。
BentOnCoding 16

3
@BentOnCodingこれは何も無効にしません。tsdkパスにタイプミスがないか確認し、TypeScriptがリポジトリにインストールされていることを確認します。また、11人がこれを賛成するのに十分正しいと判断しました;-)
Fabian Lauer

VS CodeはTypeScriptバージョンの更新を自動的に取得しているようです。そのため、ここでの答えは現在のものではなくなっている可能性があります。
ミッキーシーガル2017

1
この設定は、代わりにワークスペース設定に適用できるため、特定のバージョンをターゲットにしているプロジェクトは、その状態を維持するように構成できます。また、NOTEあなたはMSIをターゲットにすることはできませんが、彼らは互換性のないバージョンをインストールしました。次のサイトを参照してください:code.visualstudio.com/docs/typescript/typescript-compiling
Itanex

19

Visual Studio Codeには独自の安定したバージョンのTypeScriptが付属していますが、ドキュメントに記載されているように新しいバージョンに切り替えることができます

VS Codeには、TypeScriptの最新の安定バージョンが付属しています。あなたは活字体の新しいバージョンを使用したい場合は、定義することができ typescript.tsdk設定(ファイル ]> [ 環境設定 ]> [ ユーザー/ワークスペースの設定を活字含むディレクトリを指す)tsserver.jsファイルを。
...
例:

{
   "typescript.tsdk": "node_modules/typescript/lib"
}

私のtsc --versionは2.0.3ですが、Macでtsserver.jsファイルが見つからないため、VSCodeの設定を変更できません
Richard

この設定を追加すると、Visual Studioコードですべてのtypescript言語機能が完全に無効になります。これはあなたが探している答えではありません。
BentOnCoding


17

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

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

ここに画像の説明を入力してください

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

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

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

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

  1. VS Code設定を開きます([ファイル]-> [設定]-> [設定])。

  2. typescript.tsdk設定を 検索ここに画像の説明を入力してください

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

  4. typescript.tsdk設定値を次のようにオーバーライドします。C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib 円記号を2つ使用して、円記号を適切にエスケープした文字列をエスケープします。

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

ここに画像の説明を入力してください

  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をビルドして使用できるようになります。

2
なぜこれはこの情報の99%をすでに含んでいる回答の編集ではなかったのですか?
SgtPooki

私たちは決して知ることはないと思います
デニー

4

下のバーにバージョン番号が表示されます。

ここに画像の説明を入力してください

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

ここに画像の説明を入力してください

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

npm install -g typescript@2.7.2

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


1

MacでSpotlightを使用したときにtsserver.jsファイルを見つけることができませんでしたが、mdfindを使用して再試行したところ、その場所は "/ usr / local / lib / node_modules / typescript / lib /"でした。

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

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


0

私も同様の問題を抱えていましたが、システムの環境変数を変更することで、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に移動し、Options> Extensions and UpdatesでTypeScriptライブラリを最新バージョンに更新しました。そこで、TypeScriptの最新バージョンを検索してインストールしました。

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

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

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


0

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

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


0

ワークスペースのにインストールされているTypescriptバージョンを自動的に使用するにはnode_modules、新しいワークスペースを設定するたびにそれを構成する必要はなく、相対パスを使用するように(ワークスペースではなくユーザー設定JSONのデフォルトのTypescript設定を設定できます。

{
    // ... other User settings
    "typescript.tsdk": "./node_modules/typescript/lib"
}

これで、「Typescriptバージョンを選択...」コマンドを実行すると、「VSコードのバージョン」は常に「ワークスペースバージョン」と同じになります。

[Typescriptバージョンを選択...]コマンド

これの唯一の潜在的な欠点は、作業中のワークスペースに常に Typescriptをインストールする必要があるということです。ただし、Typescriptをどこかに書いている場合は、それは当然のことだと思います。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.