9
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

nodeをTypeScriptで利用する

フロントエンドはだいたいTypescriptに書くのが普通になってきたので、次はバックエンドも。

準備

まずは準備。

作業場の作成

mkdir ts-test
cd ts-test
npm init -y

必要なモジュールインストール

必要なモジュールをインストールします。ポイントはts-nodeのインストールです。
ts-nodeはjsのトランスパイルなしにtsコードを実行してくれます。

npm install -D typescript
npm install -D @types/node
npx tsc --init

npm install -D ts-node

-Dは--save-devと同義。tsc --initでtsconfig.jsonも生成しておきます。

実装

まずファイルを作ります。

touch index.ts

実装します。簡単なコードです。

index.ts
const hello = (message: string): void => {
    console.log("message is " + message);
}

hello("hoge");

実行

ts-nodeで実行します。

npx ts-node index.ts

message is hoge

npxは./node_modules/.bin/ts-nodeと同義です(そこになければ一時的にインストールされ実行されます)

おまけ

一度jsにトランスパイルしてから実行

ts-nodeがなければ一度、tscでトランスパイルしてindex.jsを生成してから実行します。

npx tsc index.ts
node index.js

message is hoge
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
9
Help us understand the problem. What are the problem?