从零开始TypeScript学习之ts编译

安装ts

首页我们要安装ts，很简单，只需要执行下面代码，全局安装一下ts

 npm i typescript -g 

安装完我们就可以用tsc命令了，首先拿tsc -v 试试水

tsc -v

没毛病，安装完成，接下来初始化一下ts配置文件

初始化

tsc --init

这里会自动生成一个tsconfig.json配置文件，里面有很多配置项，具体可以看文档的项目配置

编译

接下来我们创建一个index.ts文件，简单写两行代码

interface Foo {
  name: string,
  age: number,
}

let a: Foo = { name: 'ben', age: 18 };

然后执行tsc编译，就可以看到ts文件被编译为js文件

到这里我们已经可以实现编译ts了，但每次改代码都要执行tsc挺麻烦的，我们来配置一下自动编译ts

路径是 Terminal -> Run Task -> typescript -> tsc: watch -tsconfig.json

好了，现在我们在index.ts写的代码保存后都会自动编译，接下来，我们可以愉快地学习ts啦