TypeScript 的组件

TypeScript 语言在内部分为三个主要层。这些层中的每一层都分为子层或组件。在下图中，我们可以看到三层及其内部组件。这些层是：

1. Language

2. TypeScript 编译器

3. TypeScript 语言服务

1. Language

它具有 TypeScript 语言元素。它包含语法、关键字和类型注释等元素。

2. TypeScript 编译器

TypeScript 编译器 (TSC) 将 TypeScript 程序转换为其 JavaScript 代码。它还执行我们的 TypeScript 代码到 JavaScript 代码的解析和类型检查。

浏览器不支持直接执行 TypeScript 代码。所以用 TypeScript 编写的程序必须用 JavaScript 等效代码重写，它支持直接在浏览器中执行代码。为此，TypeScript 附带了名为“tsc”的 TypeScript 编译器。当前版本的 TypeScript 编译器默认支持 ES6。它编译任何模块中的源代码，如 ES6、SystemJS、AMD 等。

我们可以通过本地、全局或同时使用任何npm包安装 TypeScript 编译器。安装完成后，我们可以通过在命令行上运行“tsc”命令来编译 TypeScript 文件。

##起步安装 npm install typescript -g

例子：

 tsc helloworld.ts  // 它将 TS 文件 helloworld 编译成 helloworld.js 文件。 

编译器配置

TypeScript 编译器配置在tsconfig.json文件中给出，如下所示：

{    "compilerOptions": {      "declaration": true,      "emitDecoratorMetadata": false,      "experimentalDecorators": false,      "module": "none",      "moduleResolution": "node",      "noFallthroughCasesInSwitch": false,      "noImplicitAny": false,      "noImplicitReturns": false,      "removeComments": false,      "sourceMap": false,      "strictNullChecks": false,      "target": "es3"    },    "compileOnSave": true  }  

3. TypeScript 语言服务

语言服务提供的信息可帮助编辑器和其他工具提供更好的辅助功能，例如自动重构和 IntelliSense。它在核心编译器管道周围公开了一个附加层。它支持一些标准的典型编辑器操作，如代码格式化和大纲、着色、语句完成、签名帮助等。