はじめに

スクリプトを作成しようとする際、毎回手順が曖昧になってしまうためまとめておこうと思います。
TypeScriptとNode.jsを用いたプロジェクトの設定手順を記載します。

環境

Mac OSを用います。 Node.jsとnpmはインストール済みのものとします。

./

$ mkdir typescript-node-setup
$ cd typescript-node-setup

./typescript-node-setup

$ npm init

./typescript-node-setup

$ npm i --save typescript

./typescript-node-setup

$ npm i -D @types/node

./typescript-node-setup

$ tsc  --init

'tsconfig.json' の中身は下記を設定する。詳細は割愛。

./typescript-node-setup/tsconfig.json

...
"sourceMap": true, 
"outDir": "./dist",
...
  },
  "include": ["src/**/*" ]
}

./typescript-node-setup

$ npm i -D ts-node

package.jsonにscriptsを追加しておく

./typescript-node-setup/package.json

...
"scripts": {
   "dev": "ts-node src/index.ts",
...

./typescript-node-setup

$ npm i -D ts-node-dev

package.jsonへの追加。
watchモードの意味で"dev-w"としてみる。

./typescript-node-setup/package.json

...
"scripts": {
   "dev": "ts-node src/index.ts",
   "dev-w": "ts-node-dev --respawn src/index.ts",   
...

./typescript-node-setup

$ mkdir src
$ touch src/index.ts

./typescript-node-setup/src/index.ts

console.log('Hello, World!');

./typescript-node-setup

$ npm run dev-w

こんな感じで環境設定する。スクリプト作成する際に。