Components of TypeScript

TypeScript 的组件

TypeScript Language, part for three main layer.Each of these layers are divided into sub layers or components.在下图中,We can see three layer and its internal components.这些层是：

1. Language

2. TypeScript 编译器

3. TypeScript 语言服务

1. Language

它具有 TypeScript 语言元素.It contains grammar、Keywords and type annotation elements such as.

2. TypeScript 编译器

TypeScript 编译器 (TSC) 将 TypeScript Program into the JavaScript 代码.It also performs our TypeScript 代码到 JavaScript 代码的解析和类型检查.

Browser does not support direct execution TypeScript 代码.所以用 TypeScript Written procedures must be used JavaScript Equivalent to rewrite,It supports directly in the browser to execute code.为此,TypeScript Comes with a called“tsc”的 TypeScript 编译器.当前版本的 TypeScript 编译器默认支持 ES6.It compiles any module in the source code,如 ES6、SystemJS、AMD 等.

我们可以通过本地、Global or at the same time the use of anynpm包安装 TypeScript 编译器.安装完成后,We can run on the command line“tsc”命令来编译 TypeScript 文件.

##Start the installation 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 语言服务

Language services provide information can help editor and other tools to provide better assist,Such as automatic refactoring and IntelliSense.It exposes a around the core compiler pipeline additional layer.It supports some typical editor of standard operation,Such as code formatting and outline、着色、语句完成、Signature help, etc.