环境搭建
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 | 使用的模块系统 |