Visual Studio Code上でExpress*TypeScriptを利用する

Visual Studio Code上でトランスパイルされたjs上だと型情報などが見れるがtsファイルだと見れない問題に対応する。
といいつつVisual Studio Codeはあんまり関係なかったり



インストールした時にnode_modules/xxxx以下にxxxx.d.tsファイルがある場合はTypeScript対応済み。
ない場合はtypesパッケージというものを使用すればいいらしい。

https://github.com/DefinitelyTyped/DefinitelyTyped


以下nodeとexpressの型情報をインストール

npm install -D @types/node
npm install -D @types/express

あとは必要に応じて追加
メジャーなものはだいたいあるはず


以下のように書き換える

?

1 2 3 4 5 6 7 8 9

// const express = require("express") // ↓ // import express from "express" コンパイルは透が実行時エラーになる // import * as express from "express"     // const fs = require("fs") // ↓ import * as fs from "fs"

Expressでかんたんなルーティング

?

1 2 3 4 5 6 7 8 9

import * as express from "express" import * as fs from "fs" {   const router = express.Router()     router.get("/", (req, res, next) => {     res.send("test")   }) }

最近のTypeScriptはほぼほぼ型ありでいけるようになってる模様