安装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使用方式相同