使用typescript开发调试nodejs

原文地址 https://github.com/xiadd/blog/issues/8

这两天在看ts,也在入门中, 网上大部分教程都是前端配置ts开发调试,这个也有不少至关成熟的实践教程, 这篇文章主要是nodejs的ts配置, 提及来也是至关简单的, 不涉及任何ts的语法与概念, 同时也能够根据本文配置es6的nodejs开发环境(主要是模块部分).

ts-node的使用

提及 babel-node 你们应该都挺熟悉了, ts-node是一个相似的工具,能够在不编译的状况的执行ts文件,方便咱们开发, 固然是node环境下的.

安装

npm i -D typescript ts-node

建立app.ts文件:

//app.ts
console.log(1)

调用命令ts-node app.ts(全局安装的状况下), 若是一切正常的话,咱们应该能够看到想要的输出了.

一直到上面都是常规话题, 没什么深刻下去的意义. 下面讲到ts-node的调试

调试

根据nodejs官网 咱们知道nodejs的调试方法有下面几种:

1. node-inspect 一个第三方开发的调试工具, 今天咱们不涉及
2. chrome 开发者工具, 下面会讲到
3. vs code 今天的重点
4. vs
5. webstorm 也是至关方便的工具

vs code的调试

根据官网咱们打开node的inspect模式(ts-node一样能够)ts-node --inspect app.js, 应该能够看到相似的的提示:

这样表示已经能够进行调试了, 可是貌似不能够进行打断点之类的操做, 这个就要借助vscode了.

打开vscode debug面板增长调试选项, 选择attach to progess:

而后点击debug, 会弹出相似下面的弹窗:

注意红框, 会有几个node进程, 选择带inpect的那个进程, 若是一切进行的正常的话就能够进行调试了:

chrome 开发者工具

这个更加简单, 在任意网页打开开发者工具, 咱们能够看到如图

点击node图标一样能够进行调试:

可是貌似不是很稳定, 常常崩溃, 并且windows上也有问题.

最后是个示例: https://github.com/xiadd/node-ts

感兴趣能够star