安装

npm i typescript -g
tsc -v

image-20201213194621306

编译ts文件

tsc 文件名

即可编译ts文件。

一些有用的编译选项

编译命令 tsc 还支持许多编译选项,这里我先来了解几个比较常用的

–outDir

指定编译文件输出目录

tsc --outDir ./dist ./src/hello.ts

–target

指定编译的代码版本目标,默认为 ES3

tsc --outDir ./dist --target ES6 ./src/hello.ts

–watch

在监听模式下运行,当文件发生改变的时候自动编译

tsc --outDir ./dist --target ES6 --watch ./src/hello.ts

通过上面几个例子,我们基本可以了解 tsc 的使用了,但是大家应该也发现了,如果每次编译都输入这么一大堆的选项其实是很繁琐的,好在TypeScript 编译为我们提供了一个更加强大且方便的方式,编译配置文件:tsconfig.json,我们可以把上面的编译选项保存到这个配置文件中

编译配置文件

我们可以把编译的一些选项保存在一个指定的 json 文件中,默认情况下 tsc 命令运行的时候会自动去加载运行命令所在的目录下的 tsconfig.json 文件,配置文件格式如下

{
	"compilerOptions": {
		"outDir": "./dist",
		"target": "ES2015",
    "watch": true,
	},
  // ** : 所有目录(包括子目录)
  // * : 所有文件,也可以指定类型 *.ts
  "include": ["./src/**/*"]
}

有了单独的配置文件,我们就可以直接运行

tsc

指定加载的配置文件

使用 --project-p 指定配置文件目录,会默认加载该目录下的 tsconfig.json 文件

tsc -p ./configs

也可以指定某个具体的配置文件

tsc -p ./configs/ts.json