携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情

TypeScript 的组件

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

Language
TypeScript 编译器
TypeScript 语言服务

TypeScript 的组件

1. Language

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

2. TypeScript 编译器

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

TypeScript 的组件

浏览器不支持直接执行 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。它在核心编译器管道周围公开了一个附加层。它支持一些标准的典型编辑器操作，如代码格式化和大纲、着色、语句完成、签名帮助等。