windows10でTypeScriptをインストールして実行してみる

ts-nodeを利用してTypeScriptを実行する

※nodejsがインストールされることが前提

1. 環境
2. TypeScriptとは
3. ts-nodeとは
4. インストール
5. Hello Worldしてみる
6. REPL (Read-Eval-Print Loop) 実行

環境

OS windows10 pro
node V10.16.3
npm 6.9.0

window10にnodejsのインストール手順はこちら

TypeScriptとは

マイクロソフトが開発した、 JavaScriptに静的型を導入したオープンソースのプログラミング言語

ts-nodeとは

typescriptのコードをnode上で実行してくれるものです

インストール

ts-nodeをインストールする

## ts-nodeインストール（グローバルにインストール）
npm install -g ts-node

## typescriptをインストール(ローカルにインストール)
npm install -D typescript

## ts-nodeインストール（グローバルにインストール）

npm install -g ts-node

## typescriptをインストール(ローカルにインストール)

npm install -D typescript

Hello Worldしてみる

typescriptをインストールしたフォルダに「hello.ts」というファイルを下記の内容で作成する

let message : String = '';
message = " World!"
console.log("Hello" + message);

let message : String = '';

message = " World!"

console.log("Hello" + message);

実行してみる

## ts-nodeで実行
ts-node hello.ts

<出力結果>
Hello world!

## ts-nodeで実行

ts-node hello.ts

<出力結果>

Hello world!

以下の手順でも可能です。

tscコマンドを実行します。

tsc hello.ts

1	tsc hello.ts

実行すると「hello.js」が作成されるので、これをnodeで実行します。

node hello.ts

<出力結果>
Hello world!

node hello.ts

<出力結果>

Hello world!

REPL (Read-Eval-Print Loop) 実行

実行例を記載

## ts-node
ts-node
> var hoge: number = 7;
undefined
> console.log(hoge);
7
undefined

## ts-node

ts-node

> var hoge: number = 7;

undefined

> console.log(hoge);

undefined

抜けるには、「Ctrl＋C」を2回入力するか、「.exit」と入力すればOK

(To exit, press ^C again or type .exit)

1	(To exit, press ^C again or type .exit)