tsc编译器

我们一直在谈论类型检查，但我们还没有使用我们的类型检查器。让我们认识一下我们的新朋友 tsc TypeScript 编译器。首先，我们需要通过 npm 获取它。

npm install -g typescript

这将全局安装 TypeScript 编译器。 现在让我们移动到一个空文件夹，并尝试编写我们的第一个 TypeScript 程序 hello.ts ：

// 01-ts-basics/hello.ts
// 你好，世界 
console.log('Hello World')

注意这里没有多余的装饰；这个“hello world”程序看起来与您在 JavaScript 中为“hello world”程序编写的程序相同。现在让我们通过运行 tsc 由 typescript 包为我们打包编译它： 我们跑了 tsc ，什么也没发生！嗯，没有类型错误，所以我们没有在控制台中得到任何输出，因为没有什么可报告的

但是再检查一下 - 我们得到了一些文件输出。如果我们查看当前目录，我们会发现有两个文件 hello.js 在 hello.ts . 这是我们的 hello.ts 文件在 tsc 编译或转换为纯 JavaScript 文件后的输出。 如果我们检查 hello.js ，我们将看到 TypeScript 在处理 .ts 文件后输出的内容：

// 你好，世界 
console.log('Hello World');

在这种情况下，TypeScript 几乎没有要转换的内容，因此它看起来与我们编写的内容相同。编译器会尝试编译出清晰可读的代码，看起来像一个人写的东西。注释也给我们保留下来。 如果我们确实引入了类型检查错误呢？让我们重写 hello.ts ：

function greet(person, date) { 
  console.log(`Hello ${person}, today is ${date}!`); 
}
greet("小金");

如果我们 tsc hello.ts 再次运行，我们在命令行上收到了错误！ TypeScript 告诉我们忘记将参数传递给 greet 函数，这是理所当然的。到目前为止，我们只编写了标准的 JavaScript，但是类型检查仍然能够发现我们代码的其他问题。感谢TypeScript！