码迷,mamicode.com
首页 > 其他好文 > 详细

使用vscode调试小段的typescript代码

时间:2018-07-01 14:50:07      阅读:729      评论:0      收藏:0      [点我收藏+]

标签:AC   filename   哪些   一个   工具安装   插件   line   使用   管理工具   

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

使用vscode调试小段的typescript代码

标签:AC   filename   哪些   一个   工具安装   插件   line   使用   管理工具   

原文地址:https://www.cnblogs.com/liuminghack/p/9250009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!