使用vscode调试小段的typescript代码

Posted 2020-11-21 liuminghack

最近在学习typescript。学习 嘛，当然免不了各种练习，试错。那么使用vscode就可以很方便的做到。

首先是安装node.js。我们知道，node.js提供了js脱离浏览器的执行平台。node.js可以在官网下到，安装的时候下一步下一步就可以了。

使用node.js的npm包管理工具安装插件。打开cmd输入一下命令安装全局插件（全局插件好像电脑上任何文件夹都可以访问,不过局部安装可以用tsconfig文件灵活的控制使用插件版本）:

npm install -g ts-node

npm install -g typescript

 

第一个是安装typescript的运行插件ts-node.这个运行插件可以完全不依赖于typescript的配置tsconfig而独立运行。同时也会检索文件的引用树例如 imports 和 references。

第二个安装的是typescript转javascript的插件。 typescript最终是要在编译阶段转换成javascript。

使用方法:在说明使用方法之前，我先简单的介绍一下我理解的一些node命令的简单用法:

tsc(tsc filename): 将对应typescript转换成javascript。

node(node filename):运行某一个javascript文件。

ts-node(ts-node filename):运行某一个typescript文件。

 

注意:vscode建立typescript文件时需要新建一个tsconfig文件。这个文件是tsc命令需要的。

 

但是，现在敲命令的工作vscode都帮我们做好了。只需在需要运行的js/ts界面，右键选择runcode.即可在output界面看到运行结果。不管是javascript合适typescript都可以！

还有很多深入学习的东西。例如配置文件的用法，node.js命令的用法。typescript调试。不过对现阶段来说，这些够用了。

我是新手，如果有哪些错误的地方，请各路神仙多多指教打脸。

关于typescript的调试可以看看这个。https://segmentfault.com/a/1190000010605261

 

本文参考资料:https://www.npmjs.com/package/ts-node