👋

TypeScript で Hello World を実行する

2024/10/13に公開

概要

TypeScript をインストールし、Hello World を実行するまでの手順を記載します。
OS は Ubuntu 20.04 を使用しました。

以下の流れでインストール、実行しました。

  1. Node.js をインストール
  2. TypeScript コンパイラをインストール
  3. Hello World を実行

Node.js をインストール

Node.js 公式の手順(下記URL)を実施しました。

https://nodejs.org/en/download/package-manager

手順の中のfnmをインストールするところで、unzipが無いと出力されました。

$ curl -fsSL https://fnm.vercel.app/install | bash
Checking dependencies for the installation script...
Checking availability of curl... OK!
Checking availability of unzip... Missing!
Not installing fnm due to missing dependencies.

そのため、unzipをインストールしました。

$ sudo apt install unzip

unzipのインストール後、公式の手順を再実行しました。
エラーは出ず、以下の2点がインストールされました。

  • Node.js 20.18.0
  • npm 10.8.2

以下、バージョンの確認です。

$ node -v
v20.18.0
$ npm -v
10.8.2

TypeScript コンパイラをインストール

以下のコマンドを実行してインストールしました。

$ npm install -g typescript

tsc 5.6.3 がインストールされていることを確認しました。

$ tsc -v
Version 5.6.3

Hello World を実行

以下の内容でhello.tsを作成します。

const hello:string = 'Hello World';
console.log(hello);

hello.tsが存在することを確認します。

$ ls hello*
hello.ts

以下のコマンドを実行して、hello.tsをコンパイルします。

tsc hello.ts

実行後、hello.jsが作成されます。

$ ls hello*
hello.js  hello.ts

作成されたhello.jsを実行すると、Hello world が出力されました。

node hello.js
Hello World

Discussion