当前位置: 首页 > 后端技术 > Node.js

使用typescript开发调试nodejs

时间:2023-04-03 17:49:01 Node.js

原文地址https://github.com/xiaadd/blog/issues/8这两天一直在看ts,也开始入门了。网上的教程大多是前端配置ts开发调试。这里面也有很多相当成熟的实用教程。这篇文章主要是关于nodejs的ts配置。说起来挺简单的,不涉及任何ts的语法和概念。同时你也可以按照本文配置好es6的nodejs开发环境(主要是module部分)。ts-node的使用说起babel-node,大家应该都不陌生了。ts-node是一个类似的工具,不用编译就可以执行ts文件,方便我们的开发。当然是在node环境下。安装npmi-Dtypescriptts-node创建app.ts文件://app.tsconsole.log(1)调用命令ts-nodeapp.ts(全局安装的情况下),如果一切正常,我们应该可以看到Thedesiredoutputhasbeenreached。一路到上面都是常规话题,没有再深究的意思。下面说说ts-node的调试。根据nodejs官网,我们知道nodejs的调试方式有几种:node-inspect第三方开发的调试工具,今天不涉及chrome开发者工具,今天说说vscode。vswebstorm也是一个非常方便的调试vscode的工具。按照官网,我们打开node的inspect模式(ts-node也可以)ts-node--inspectapp.js,应该可以看到类似的提示:这说明已经可以调试了,但是好像不能进行断点之类的操作。这就需要vscode的帮助了。打开vscode调试面板增加Debug选项,选择attachtoprocess:然后点击debug,会弹出类似如下的弹窗:注意红框处,会有几个node进程,选择process有了inspect,如果一切正常,就可以开始调试了:chromedevelopertool比较简单。在任意网页打开开发者工具,我们可以看到点击图中的节点图标也可以进行调试:但是好像不太稳定,经常死机,在windows上也有问题。最后举个例子:https://github.com/xiaadd/node-ts有兴趣的可以star