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

2021-07-16 11:13:10 浏览数 (1)

安装TypeScript

npm用户:

代码语言:javascript复制
> npm install -g typescript

yarn:用户

代码语言:javascript复制
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用户:

代码语言:javascript复制
> npm install -g ts-node

yarn:用户

代码语言:javascript复制
yarn global add ts-node

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

0 人点赞