【超簡単】ローカルでTypeScriptを実行する方法

TypeScriptとts-nodeをインストール

とりあえず初めに TypeScript と ts-node をインストールします。

$ npm install --save typescript ts-node

すると、コマンドを実行したディレクトリ内に node_modulesフォルダと package-lock.json が作成されます。

tsconfig.jsonを作成する

以下のコマンドでTypeScriptの設定ファイルである tsconfig.json をディレクトリ内に作成します。

$ ./node_modules/.bin/tsc --init   

TypeScriptのコードを実行する

試しに、sample.tsというファイルを作成し、以下のコードを貼り付けてみましょう。

class Person {
  constructor(
    readonly name: string,
    readonly age: number,
  ) {}

  getDetailOutput(): string {
    return `${this.name}は${this.age}歳です。`;
  }
}

console.log(new Dog('Taro', 20).getDetailOutput())

次にターミナルで、以下のコマンドを実行し、上記で作成したsample.tsのコードを動かしてみましょう。

$ ts-node sample.ts

以下のように出力されれば、ローカルで問題なくTypeScriptが実行できていることになります。

Taroは20歳です。