使用vscode调试小段的typescript代码

最近在学习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
 

猜你喜欢

转载自www.cnblogs.com/liuminghack/p/9250009.html
今日推荐