TypeScript环境安装和操作

目录

什么是TS

环境安装

 如何编译ts文件

将ts文件编译成js玩文件

如何实现ts文件和js文件同步更新

 如何直接编译实现ts在控制台打印输出


什么是TS

TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的超集,添加了静态类型系统和其他高级特性。TypeScript 代码会被编译为纯 JavaScript,因此可以在任何支持 JavaScript 的环境中运行。

环境安装

需要安装Node.js

下面链接下载 | Node.js 中文网

安装首页的长期安装版本就好了。

安装完成后win+r,cmd打开控制台,输入node -v

当控制台显示版本号表示安装成功了

输入下面一串指令实现ts的环境依赖安装。

 npm i -g typescript

 如何编译ts文件

当我们创建了ts文件后如何编译成js文件

如何在我们编写ts文件的时候js文件也能同步更新

或者我们不使用运行js文件实现ts文件的之间运行输出控制台查看结果

注:以下指令都需要在软件的控制台终端或者电脑的控制台输入

将ts文件编译成js玩文件

tsc .\文件名.ts

我们可以鼠标右键文件,然后打开控制台,输入上面的一串指令,实现将ts文件编译成js文件

如何实现ts文件和js文件同步更新

当我们更改ts文件的时候,不可能每写一次就重新编译一次,为了减少这种操作我们需要同步更新

第一步,创建json文件

tsc --init

当我们输入者一串指令的时候,会创建一个tsconfig.json文件

存在这个文件后

tsc --watch

输入这个指令就能实现ts和js的同步更新 

 如何直接编译实现ts在控制台打印输出

ts-node .\文件名.ts

当我们输入该指令的时候就能实现ts的直接编译,不要转换成js后然后调用js再输出页面实现编译运行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值