TypeScriptのダウンロード

TypeScriptは、使用方法に応じて、npmモジュール、NuGetパッケージ、Visual Studio拡張機能の3つのインストール方法でインストールできます。

Node.jsを使用している場合は、npmバージョンが必要です。プロジェクトでMSBuildを使用している場合は、NuGetパッケージまたはVisual Studio拡張機能が必要です。

プロジェクトでのTypeScript

プロジェクトごとにTypeScriptをセットアップすることで、さまざまなバージョンのTypeScriptを使用する多くのプロジェクトを持つことができ、各プロジェクトの一貫性を保つことができます。

npm経由

TypeScriptは、"typescript"としてnpmレジストリのパッケージとして入手できます。

パッケージを実行する環境としてNode.jsのコピーが必要です。その後、npmyarn、またはpnpmなどの依存関係マネージャーを使用して、TypeScriptをプロジェクトにダウンロードします。

npm install typescript --save-dev

これらの依存関係マネージャーはすべてロックファイルをサポートしており、チームの全員が同じバージョンの言語を使用していることを保証します。その後、次のいずれかのコマンドを使用してTypeScriptコンパイラを実行できます。

npx tsc

Visual Studioを使用する場合

ほとんどのプロジェクトタイプでは、ASP.NET Coreアプリなど、MSBuildプロジェクトのNugetでTypeScriptをパッケージとして入手できます。

Nugetを使用する場合、次を使用してVisual StudioからTypeScriptをインストールできます。

  • NuGetパッケージの管理ウィンドウ(プロジェクトノードを右クリックしてアクセスできます)
  • Nugetパッケージマネージャーコンソール(ツール> NuGetパッケージマネージャー>パッケージマネージャーコンソールにあります)を開き、次のコマンドを実行します。
    Install-Package Microsoft.TypeScript.MSBuild

Nugetをサポートしていないプロジェクトタイプの場合は、TypeScript Visual Studio拡張機能を使用できます。Visual Studioで[拡張機能]> [拡張機能の管理]を使用して、拡張機能をインストールできます。

以下の例は、より高度なユースケースのためのものです。

TypeScriptをグローバルにインストールする

多くの場合、1回限りのアイデアをテストするために、すべてのプロジェクトでTypeScriptを使用できるようにすると便利です。長期的には、コードベースは、異なるマシン間で再現可能なビルドの恩恵を受けることができるように、グローバルインストールよりもプロジェクト全体のインストールを優先する必要があります。

npm経由

npmを使用してTypeScriptをグローバルにインストールできます。これは、ターミナルのどこでもtscコマンドを使用できることを意味します。

これを行うには、npm install -g typescriptを実行します。これは最新バージョンをインストールします(現在5.4).

Visual Studio Marketplace経由

TypeScriptをVisual Studio拡張機能としてインストールできます。これにより、Visual Studioの多くのMSBuildプロジェクトでTypeScriptを使用できます。

最新バージョンは、Visual Studio Marketplaceで入手できます。

TypeScript互換トランスパイラでの作業

TypeScriptファイルをJavaScriptファイルに変換する他のツールがあります。これらのツールは、速度を向上させたり、既存のビルドツールとの一貫性を保つために使用できます。

これらの各プロジェクトはファイル変換を処理しますが、TypeScriptコンパイラの型チェックの側面は処理しません。そのため、上記のTypeScriptの依存関係を維持する必要がある可能性が高く、isolatedModulesを有効にする必要があります。

Babel

Babelは、プラグイン@babel/plugin-transform-typescriptを介してTypeScriptファイルをサポートする、非常に人気のあるJavaScriptトランスパイラです。

swc

swcは、Rustで作成された高速トランスパイラであり、TypeScriptを含むBabelの多くの機能をサポートしています。

Sucrase

Sucraseは、開発モードでの使用速度に焦点を当てたBabelフォークです。SucraseはTypeScriptをネイティブにサポートしています。

次のステップ