概要

node.jsでtypescriptを扱うための手順をまとめました

開発環境

masOS Mojave 10.14.3
Typescript
node v10.14.2
npm 6.9.0

環境構築

まず作業ディレクトリを作って移動

mkdir typescript-node
cd typescript-node

次にpackage.jsonファイルの作成

npm init -y

続いてtypescriptをインストール

npm i --save-dev typescript

--save-devはモジュールのインストール場所を指定している(ここではdevDependencies)

次にNode.jsの型定義ファイルをインストール
これでNode.js標準のモジュールを扱えるようになる(fsなど)

npm i --save @types/node

次にpackage.jsonを次のように書き換える
npm scriptsにbuildとwatchを設定する

package.json

{
  "scripts": {
    "build": "tsc",
    "watch": "tsc --watch"
  },
  "devDependencies": {
    "typescript": "^3.4.5"
  },
  "dependencies": {
    "@types/node": "^12.0.0"
  }
}

次にプロジェクトディレクトリ直下にtsconfig.jsonファイルを作成する
TypeScriptコンパイラの設定を行う

tsconfig.json

{
    "compilerOptions": {
      "module": "commonjs",
      "target": "es6",
      "sourceMap": true,
      "types" : ["node"]
    },
    "include": [
        "src/**/*"
    ],
    "exclude": [
      "node_modules"
    ]
}

includeでsrcディレクトリ以下をコンパイルするよう設定している
excludeでnode_modulesをコンパイル対象外に指定している

srcディレクトリの下にapp.tsファイルを作成

mkdir src
touch app.ts

app.tsファイルを書く

console.log('hogehoge');

package.jsonがあるディレクトリに移動して以下を実行

npm run build

するとapp.jsファイルがコンパイル結果として出てくるので実行してみる

node src/app

hogehogeがコンソール上に無事表示される
完。