TypeScript のセットアップ

概要: このチュートリアルでは、TypeScript の開発環境をセットアップする方法を学びます。

TypeScript を始めるためにセットアップする必要があるツールは次のとおりです。

Node.js – Node.js は TypeScript コンパイラを実行する環境です。Node.js について知っている必要はありません。
TypeScript コンパイラ – TypeScript を JavaScript にコンパイルする Node.js モジュールです。
Visual Studio Code または VS Code – TypeScript をサポートするコードエディタです。VS Code を強くお勧めします。ただし、お気に入りのエディタを使用することもできます。

VS Code を使用する場合は、次の拡張機能をインストールして開発プロセスを高速化できます。

Node.js のインストール

node.js をインストールするには、次の手順に従います。

Node.js ダウンロードページに移動します。
Windows、macOS、Linux などのプラットフォームに適した Node.js バージョンをダウンロードします。
ダウンロードした Node.js パッケージまたは実行ファイルを実行します。インストールは非常に簡単です。
macOS および Linux ではターミナル、Windows ではコマンドプロンプトを開き、コマンド node -v を入力してインストールを検証します。Node.js のインストールされているバージョンが表示されるはずです。

TypeScript コンパイラをインストールするには、macOS または Linux ではターミナル、Windows ではコマンドプロンプトを起動し、次のコマンドを入力します。

npm install -g typescript

インストール後、次のコマンドを入力して、TypeScript コンパイラの現在のバージョンを確認できます。

tsc --v

次のようなバージョンが返されるはずです。

Version 5.5.3Code language: CSS (css)

お使いのバージョンはおそらくこのバージョンよりも新しいことに注意してください。

Windows を使用していて、次のエラーが発生した場合

'tsc' is not recognized as an internal or external command, operable program or batch file.Code language: Shell Session (shell)

… 次のパス C:\Users\<user>\AppData\Roaming\npm を PATH 環境変数に追加する必要があります。<user> は Windows のユーザー名に変更する必要があることに注意してください。

TypeScript コードをプリコンパイルせずに Node.js で直接実行したい場合は、tsx モジュールを使用できます。

tsx モジュールをグローバルにインストールするには、macOS および Linux ではターミナル、Windows ではコマンドプロンプトから次のコマンドを実行します。

npm install -g tsx

VS Code をインストールするには、次の手順に従います。

次の図に示すように VS Code が表示されます。

Live Server 拡張機能をインストールするには、次の手順に従います。

このチュートリアルは役に立ちましたか？