目的

用typescript开发node server程序，并做到hot-reload和ts文件上的debug

技术栈

• routing-controllers
• VSCode
• nodemon

问题1：什么是routing-controller

先感受一下routing-controller

import {JsonController, Get, Post, Param, Delete, Body} from "routing-controllers";
import {Service} from "typedi";
import {CategoryRepository} from "../repository/CategoryRepository";
import {Category} from "../model/Category";

@Service()
@JsonController()
export class CategoryController {

    constructor(private categoryRepository: CategoryRepository) {
    }

    @Get("/categories")
    all(): Promise<Category[]> {
        return this.categoryRepository.findAll();
    }

    @Get("/categories/:id")
    one(@Param("id") id: number): Category {
        return this.categoryRepository.findOne(id);
    }
}

一股满满的SpringMVC既视感，对于开发过JavaWeb的我来说上手很快，完整示例

问题2：如何调试

调试的初级方法是print、console，进阶就是下断点debug，我们是不是能把断点下在ts文件里而不是编译后的js里呢？当然可以。
配置launch.json：菜单->调试->添加配置

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch server.js via nodemon",
            "type": "node",
            "request": "launch",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceRoot}/dist/app", 
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]
}

配置完之后即可通过菜单->调试->启动调试或者快捷键来启动调试更详细的launch.json配置

问题三 hot-reload

nodemon的作用是一检测到文件修改就重启node server，不用再先终止进程再启动了。现在我们还差一步就是.ts文件一修改就重新编译

tsc -w //很简单

总结

每次开始编写程序前先执行tsc -w 然后F5开始调试，每次一修改ts文件就会重新编译和发布，在ts文件中也可以任意下断点

相关操作

> git clone https://github.com/pleerock/routing-controllers-koa-demo.git    
> cd routing-controllers-koa-demo    
> yarn install / npm install     
vscode>调试>添加配置    
> tsc -w    
F5     
（设置断点）    
浏览器打开 http://localhost:3000/categories