TypeScript 入门教程（1）

安装 TypeScript

TypeScript 的命令行工具安装方法如下：

npm install -g typescript

上面命令会在全局安装tsc命令，安装成功后，你可以在命令行里输入 tsc -V 查看tsc版本。

编译一个 TypeScript 文件很简单：

举个例子

从万年不变的hello, world 开始, 新建 hello.ts：

hello.ts

然后执行 tsc hello.ts，会编译生成一个hello.js文件：

hello.js

TypeScript 中，使用 : 指定变量的类型，: 的前后有没有空格都可以。

TypeScript 只会进行静态检查，如果发现有错误，编译的时候就会报错。不过即使报错了，还是会生成编译结果。如果要在报错的时候终止 js 文件的生成，可以在 tsconfig.json 中配置 noEmitOnError 。

tsconfig.json

tsconfig.json文件在TypeScript项目的根目录下，tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。

使用tsconfig.json

1. 不带任何输入文件的情况下调用tsc，编译器会从当前目录开始去查找tsconfig.json文件，逐级向上搜索父目录。

2. 不带任何输入文件的情况下调用tsc，且使用命令行参数--project（或-p）指定一个包含tsconfig.json文件的目录。

注：当命令行上指定了输入文件时，tsconfig.json文件会被忽略。

简单的配置示例：

使用files属性:

使用"files"属性

使用"include"和“exclude”属性:

使用"include"和“exclude”属性

配置解析

"compilerOptions"可以被忽略，这时编译器会使用默认值。在这里查看完整的编译器选项列表。

"files"指定一个包含相对或绝对文件路径的列表。 "include"和"exclude"属性指定一个文件glob匹配模式列表。支持的glob通配符有：

* 匹配0或多个字符（不包括目录分隔符）

? 匹配一个任意字符（不包括目录分隔符）

**/ 递归匹配任意子目录

如果一个glob模式里的某部分只包含*或.*，那么仅有支持的文件扩展名类型被包含在内（比如默认.ts，.tsx，和.d.ts，如果allowJs设置能true还包含.js和.jsx）。

如果"files"和"include"都没有被指定，编译器默认包含当前目录和子目录下所有的TypeScript文件（.ts, .d.ts 和 .tsx），排除在"exclude"里指定的文件。JS文件（.js和.jsx）也被包含进来如果allowJs被设置成true。如果指定了"files"或"include"，编译器会将它们结合一并包含进来。使用"outDir"指定的目录下的文件永远会被编译器排除，除非你明确地使用"files"将其包含进来（这时就算用exclude指定也没用）。

下一章：TypeScript入门教程（2）