【TypeScript】インストールの方法。Node.jsは必須なのか?

更新日:2022/10/13

TypeScriptを使用するために、まずはコンピューターにインストールをしてみます。
そう思ってインストール方法を調べると、当たり前のようにNode.jsをインストールするように書かれています。
理由もわからずに入れるのはプログラマーとしては避けたいところ。

そこでNode.jsが必要な理由を明確にしてから、TypeScriptをインストールする方法をお伝えします。

 

Node.jsのインストール

Node.jsを使用していない、例えばブラウザ上のWebアプリ開発を行っている側からすると、「どうして使わないものを入れないといけないんだ」と思って、他の方法がないか調査するのは当然の心理です。

だからTypeScriptのインストール方法を解説するなら、Node.jsが必要な理由も書くべきじゃないのかな…と思います。

TypeScriptインストールにNode.jsが必要な理由

TypeScriptのインストールは Node.jsに含まれる npmコマンドで行います。
その npm を取得するために、Node.jsが必要と解説されていることが多いです。

しかし実際は、TypeScriptはNode.jsで動作するJavaScriptコードだったりします。
だからNode.jsが無いとTypeScriptを使用できないのです。

Node.jsのインストール

ということで、Node.jsはプログラム開発で使っても使わなくて必要でした。
スッキリしたところで、次のリンク先を参照してコンピューターにNode.jsをインストールしましょう。

WindowsとMacは、次のページからインストーラーを取得
Node.jsダウンロード
その他のOSは、次ページを参照
パッケージマネージャを利用した Node.js のインストール

Node.jsの確認

次のコマンドを実行して、Node.jsがインストールされたか確認します。

> node -v
v16.7.0

コマンドが実行できなかったりインストールしたバージョンと異なるときは、環境変数PATHに今回インストールしたディレクトリ(フォルダ)が含まれていない可能性があります。
環境変数PATHを確認して、追加や変更をしてください。

 

TypeScriptのインストール

Node.jsをインストールしたら、次のコマンドでTypeScriptをグローバルインストールします。

> npm install -g typescript

-gを付けると、npmのグローバルディレクトリにインストールされて、実行用のコマンドが生成されます。
-gを付けない場合はローカルにインストールされ、実行用のコマンドが生成されないので注意しましょう。

エラーが出なければインストール完了です。

ローカルインストールでも、TypeScriptファイルをコンパイルできます。
お試しでTypeScriptを使ってみたいときなどは、ローカルでもいいかもしれませんね。

 

TypeScriptのインストール確認

インストールできたら、次のコマンドでバージョンを確認します。

> tsc -v
Version 1.0.3.0

最新版がインストールされているはずです。
最新のバージョンは、次のページで確認してください。

2022年10月時点では、バージョン4.8.4が最新ですね。

TypeScriptをローカルインストールしている場合、npx で tscを実行します。

> npx tsc -v

 

tscが実行できない・バージョンが古い場合

tscコマンドが実行できなかったりバージョンが古いときは、環境変数のPATHが正しくない可能性があります。

次のコマンドでグローバルインストール先を確認します。

>npm root -g
C:\Users\aaaa\AppData\Roaming\npm\node_modules

PATHを変更する前に、このディレクトリにtypescriptという名前のディレクトリがあるか確認しましょう。
ないときは、インストール時に -g を忘れている可能性があります。
もう一度、-g を付けてインストールしてください。

確認出来たら、上記のパスを環境変数に追加します。

tscコマンドのバージョンが古いときは、tscコマンドが他のディレクトリにインストールされています。
whereやwhichコマンドでコマンドの位置を確認して、環境変数から削除してください。

僕の場合は、以前Visual Studioをお試しでインストールしたときに、一緒にTypeScriptがインストールされていたようです。
古いバージョンはjsの他にexeが同梱されていました。Node.jsがなくても実行できたようです。

 

tscの使い方

TypeScriptファイルをJavaScriptファイルに変換することをトランスパイルといいます。
tscは、このトランスパイルを行うツールです。

使用方法は次の記事で紹介しているので、参考にしてみてください。

更新日:2022/10/13

書いた人(管理人):けーちゃん

スポンサーリンク

記事の内容について

null

こんにちはけーちゃんです。
説明するのって難しいですね。

「なんか言ってることおかしくない?」
たぶん、こんなご意見あると思います。

裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。
そんなときは、ご意見もらえたら嬉しいです。

掲載コードについては事前に動作確認をしていますが、貼り付け後に体裁を整えるなどをした結果動作しないものになっていることがあります。
生暖かい視線でスルーするか、ご指摘ください。

ご意見、ご指摘はこちら。
https://note.affi-sapo-sv.com/info.php

 

このサイトは、リンクフリーです。大歓迎です。