TypeScript写好了,怎么运行啊!!!

环境搭建

Vs code

Ctrl+shift+p打开首选项—》打开工作区设置—》搜索Typescript

在这里插入图片描述
在这里插入图片描述

推荐开启的配置项主要是这几个:

  • Function Like Return Types,显示推导得到的函数返回值类型;
  • Parameter Names,显示函数入参的名称;
  • Parameter Types,显示函数入参的类型;
  • Variable Types,显示变量的类型。

安装插件

在这里插入图片描述

还有TSlint

模块编译

📌这是使用模块的方式编译Ts文件,主要是typescript 和ts-node两个NPM包

#安装模块
npm install typescript -g

#监听文件
tsc file -w

#自动监听
tsc -w

#或者使用ts-node模块运行
npm install ts-node -g
npm install tslib @types/node -g

#然后直接运行
ts-node XXX.ts

#不安装模块使用
$ npx ts-node script.ts

关闭校验

📌对于我们的ts文件中,如果你使用了一个变量的名字,那么其他的文件中也有这个变量名字的赋值操作,就会进行报错提醒,但是我们一般来说,我们ts中是要使用到的,但是转换为js后,竟然提醒有了冲突,所以要解决。
在这里插入图片描述
在这里插入图片描述

配置文件

TS 支持对编译过程使用配置项自定义,因为下面要讲的有些类型在不同 TS 配置时有差异,所以我们要掌握 TS 配置文件的创建与使用。

//初始化
tsc -init
//进行自动监测
tsc -w  

配置选项

配置说明
noImplicitAny禁止使用隐含的 any 类型,如函数参数没有设置具体类型
strictNullChecks开启时不否允许将 null、undefined 赋值给其他类型比如字符串
target转换成 JS 的版本
strict是否严格模式执行
module使用的模块系统
  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值