TypeScript系列教程二《安装起步》

安装TypeScript

npm用户：

> npm install -g typescript

yarn：用户

yarn global add typescript

然后终端运行tsc -v查看是否已经安装成功

编译ts文件

tsc 的作用是将ts文件按照编译配置编译成目标js运行到浏览器。

tsc 命令直接编译

1、新建index.ts文件

在这里插入图片描述

2、直接输入tsc命令编译

在当前目录位置，输入tsc 文件名.ts命令

在这里插入图片描述

ts文件会编译生成一个js文件，观察一下会转成es5模式

在这里插入图片描述

tsc 根据tsconfig.json编译

1、tsc --init 生成默认tsconfig.json

执行 tsc --init 命令，生成初始化配置文件

在这里插入图片描述

tsc 根据配置编译

新建 index.ts 文件，直接运行tsc编译结果和tsc index.ts是一样的，都是按照默认配置编译。

修改tsconfig.json验证，将target 由es5改成es6。

在这里插入图片描述

监听ts文件改变自动实时编译

一、VsCode运行任务

1、

在这里插入图片描述

2、

在这里插入图片描述

3、

在这里插入图片描述

二、 运行tsc -w 实现保存监听

编译选项

编译选项概览目录参考：tsc官方配置介绍

运行ts代码

npm用户：

> npm install -g ts-node

yarn：用户

yarn global add ts-node

安装完之后和node使用方式相同