资讯专栏INFORMATION COLUMN

使用typescript开发调试nodejs

张春雷 / 2156人阅读

摘要:原文地址这两天在看也在入门中网上大部分教程都是前端配置开发调试这个也有很多相当成熟的实践教程这篇文章主要是的配置说起来也是相当简单的不涉及任何的语法与概念同时也可以根据本文配置的开发环境主要是模块部分的使用说起大家应该都挺熟悉了是一个

原文地址 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的调试方法有下面几种:

node-inspect 一个第三方开发的调试工具, 今天我们不涉及

chrome 开发者工具, 下面会讲到

vs code 今天的重点

vs

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88883.html

相关文章

  • js进化,迁徙到typescript

    摘要:我开始重新了解一下的现状,没想到已经完全走上正轨了,在上已经有大量的项目选用,投入生产于是报着尝试的心态,开始了迁徙。 js进化,迁徙到typescript TypeScript 历史 TypeScript是一种由微软开发的自由和开源的编程语言 它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程 2012年十月份,微软发布了首个公开版...

    Alan 评论0 收藏0
  • 使用gulp和vsc构建高效的typescript开发环境

    摘要:出于某些原因,近期开始需要在公司推广使用写服务端,因为之前使用开发过多个个人项目,所以知道新手开发非常容易将代码写的散乱并且不易后人理解。所以折中的选择了开发,也就用起了。 出于某些原因,近期开始需要在公司推广使用nodejs写服务端,因为之前使用es6开发过多个个人项目,所以知道新手开发node非常容易将代码写的散乱并且不易后人理解。本人刚入行的时候做的是java,觉得强类型的语言更...

    JerryZou 评论0 收藏0
  • VSCODE下调试 Electron 项目

    摘要:最近使用开发了一套软件,记录一下遇到的调试问题所需工具官网链接本次所使用的版本为本次直接使用的链接官网链接配置方式我们使用的项目初始配置已经完成。建议端代码在主进程中运行调试确定无误后再引入渲染进程中减少调试工作难度。 最近使用electron开发了一套软件,记录一下遇到的调试问题 所需工具 vscode 官网链接; electron,本次所使用的版本为: Electron: 1...

    LittleLiByte 评论0 收藏0
  • 阿里云前端周刊 - 第 15 期

    摘要:推荐为什么我们选择本文是工程师记述在前端技术选型时选用的考虑过程。能够保证较好的类型覆盖,但是其对于多态性的支持并不是很好,并且的社区也相对活跃。引擎就是为解决这一问题而生,在中也是采用该引擎来解析。 推荐 1. 为什么我们选择 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程师 Niranjan Ramadas 记述在...

    stefanieliang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<