使用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

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

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

时间: 2024-10-09 05:49:34

使用vscode调试小段的typescript代码的相关文章

关于hrtimer_forward小段代码的分析【转】

转自:http://blog.csdn.net/wowuyinglingluan/article/details/45720151 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 整段代码 关于无效的forward 关于定时精度问题 精确调整和overrun问题 存疑 随着各种嵌入式设备上采用linux,特别是Android系统的广泛应用,linux的hrtimer高精度模式开始被广泛支持.当然,虽说可以支持到ns精度,具体实现依赖于硬件定时器和内核编译条件,不过,一般情

timeit模块 - 度量小段代码片的执行时间

官方文档: https://docs.python.org/2/library/timeit.html 源代码片: Lib/timeit.py 该模块提供了简单的方式来测量小段Python代码片.它有两种执行方式:命令行接口执行方式 和 Python程序代码可调的函数的方式. 该模块避免了很多常见的度量时间的陷进.可以参考由O'Reilly出版的Python Cookbook里面介绍算法章节. 1. 基本的例子 下面例子可以展示如果使用Command-Line Interface比较三种不同的表

vscode 调试node.js

在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求. 作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的开发者工具就可以方便的进行源码断点调试.其步骤有四,详情不表,粗略概括如下: 打开Chrome开发者工具: 点击进入Sources标签页,在页面的左侧就能看到JS代码的目录: 找到需要设置断点的源文件,在需要中断的哪行代码左侧单击鼠标左键,就可以设置断点,如果你的代码是uglify过的,则需导入相应的source

Windows7驱动调试小Tips

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);}/* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-tstyle-colb

微信开发调试小工具进化→微信用户发送信息模拟器发布!——这标题起真是好数码暴龙的说

直接说正题吧.最近在做微信第三方服务器.在模拟用户发过来的请求方面,网上流传着一个“微信开发调试小工具”,谁做都不知道了.反正我觉得那个东西看起来挺不爽的,因为其信息发送类型不是很全面,于是我就把它反编译过来自己重写一个了. 我复用了它原本项目的一个类和几个方法 .与原版相比,功能改进如下: 1涵盖了迄今为止所有的信息类型和事件类型(具体的参见微信官方文档里面的接收信息节点); 2对于所有参数都有相关的提示信息 3参数的所属范围除了少数外都用groupbox圈了起来,更加直观地看到了各类信息之间

Web开发者的福利 30段超实用CSS代码

1.花式连字符(&) 这个类应该在span元素里使用,并且里面包括&字符.它使用经典的serif字体和斜体来增强&符号. .amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal;} 2.段落首字符下沉 通常,这种效果会出现在印刷媒体上,如报纸或书籍.同样,如果网页布局合理,它也可以使用在We

一段简单的代码告诉你什么叫内存溢出

#include <stdio.h> int FooArray[4] = {1, 1, 1, 1}; int VeryImportantValue = 7; void main() { printf("%d\n", VeryImportantValue); for (int i = 0; i <= 4; i++) { FooArray[i] = 4; } printf("%d\n", VeryImportantValue); } 这是个很简单的内存

转:大端模式和小段模式简述

大端模式和小段模式简述 C语言数据类型除char为8位外,还有16位,32位,64位等.那么对于16位或者32位的处理器,一次处理的多于8位,所以要对字节排列组合一下.也就有了大端存储格式和小端存储格式. 大端存储格式: 在这种模式中,字数据的高字节存储在低地址中,而字数据的低字节则存放在高地址中.    小端模式:    与大端存储模式相反,在小端存储模式中,低地址中存放的是字数据的低字节,高地址存放的是字数据的高字节. [cpp] view plain copy print? #includ

使用VSCode调试单个PHP文件

我的博客原文:https://wiki.feiffy.cc/Blog:使用VSCode调试单个PHP文件 突然发现是可以使用 VSCode 单个文件的,今天之前一直没有弄成功,还以为 VSCode 是不能调试单文件呢.这里记录一下今天这个"突然发现"的过程. 开始,是在看 <Modern PHP> 这本书,看到 ''Built-in HTTP Server'' 一节,自己测试了启动PHP内置服务器软件的命令:php -S localhost:4000,成功看到浏览器页面显示