TypeScript简介与安装
我们公司现阶段用到了TypeScript + C++的模式，所以特地先简单介绍一下ts;
简介:
首先,什么的是TypeScript:
TypeScript是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。
其次引用官网的定义：
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.
其次,TypeScript的优点:
*
TypeScript 是 JavaScript 的超集，.js 文件可以直接重命名为 .ts 即可
*
即使不显式的定义类型，也能够自动做出类型推论
*
可以定义从简单到复杂的几乎一切类型
*
即使 TypeScript 编译报错，也可以生成 JavaScript 文件
*
兼容第三方库，即使第三方库不是用 TypeScript 写的，也可以编写单独的类型文件供 TypeScript 读取
*
大部分第三方库都有提供给 TypeScript 的类型定义文件
*
Google 开发的 Angular2 就是使用 TypeScript 编写的
*
TypeScript 拥抱了 ES6 规范，也支持部分 ESNext 草案的规范
再来,TypeScript的缺点:
*
有一定的学习成本，需要理解接口（Interfaces）、泛型（Generics）、类（Classes）、枚举类型（Enums）等前端工程师可能不是很熟悉的概念
*
短期可能会增加一些开发成本，毕竟要多写一些类型的定义，不过对于一个需要长期维护的项目，TypeScript 能够减少其维护成本
*
集成到构建流程需要一些工作量
*
可能和一些库结合的不是很完美
安装:NPM 安装 TypeScript
如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装：
npm install -g typescrip
通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。然后执行以下命令将 TypeScript 转换为 JavaScript 代码： 然后我们新建一个 test.ts 的文件通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。然后执行以下命令将 TypeScript 转换为 JavaScript 代码：
tsc test.ts
这时候再当前目录下（与 test.ts 同一目录）就会生成一个 test.js 文件,最后 使用 node 命令来执行 test.js 文件。
编辑器：
这里我推荐使用 Visual Studio Code：
它是一款开源，跨终端的轻量级编辑器，内置了 TypeScript 支持。另外它本身也是用 TypeScript 编写的。
如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。
*
使用"files"属性
{
“compilerOptions”: {
“module”: “commonjs”,
“noImplicitAny”: true,
“removeComments”: true,
“preserveConstEnums”: true,
“sourceMap”: true
},
“files”: [
“core.ts”,
]}
*
使用"include"和"exclude"属性
{
“compilerOptions”: {
“module”: “system”,
“noImplicitAny”: true,
“removeComments”: true,
“preserveConstEnums”: true,
“outFile”: “…/…/built/local/tsc.js”,
“sourceMap”: true
},
“include”: [
“src//*"
],
“exclude”: [
“node_modules”,
"/*.spec.ts”
]}
细节
"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指定也没用）。
使用"include"引入的文件可以使用"exclude"属性过滤。 然而，通过"files"属性明确指定的文件却总是会被包含在内，不管"exclude"如何设置。 如果没有特殊指定，"exclude"默认情况下会排除node_modules，bower_components，jspm_packages和目录。
任何被"files"或"include"指定的文件所引用的文件也会被包含进来。 A.ts引用了B.ts，因此B.ts不能被排除，除非引用它的A.ts在"exclude"列表中。
需要注意编译器不会去引入那些可能做为输出的文件；比如，假设我们包含了index.ts，那么index.d.ts和index.js会被排除在外。 通常来讲，不推荐只有扩展名的不同来区分同目录下的文件。
tsconfig.json文件可以是个空文件，那么所有默认的文件（如上面所述）都会以默认配置选项编译。
在命令行上指定的编译选项会覆盖在tsconfig.json文件里的相应选项。@types，typeRoots和types
默认所有可见的”@types“包会在编译过程中被包含进来。 node_modules/@types文件夹下以及它们子文件夹下的所有包都是可见的； 也就是说，./node_modules/@types/，…/node_modules/@types/和…/…/node_modules/@types/等等。
如果指定了typeRoots，只有typeRoots下面的包才会被包含进来。 比如：
{
*
“compilerOptions”: {
*
“typeRoots” : ["./typings"]
*
}}
*
这个配置文件会包含所有./typings下面的包，而不包含./node_modules/@types里面的包。
*
如果指定了types，只有被列出来的包才会被包含进来。 比如：
*
{
*
“compilerOptions”: {
*
“types” : [“node”, “lodash”, “express”]
*
}}
*
这个tsconfig.json文件将仅会包含 ./node_modules/@types/node，./node_modules/@types/lodash和./node_modules/@types/express。/@types/。 node_modules/@types/*里面的其它包不会被引入进来。
*
指定"types": []来禁用自动引入@types包。
*
注意，自动引入只在你使用了全局的声明（相反于模块）时是重要的。 如果你使用import "foo"语句，TypeScript仍然会查找node_modules和node_modules/@types文件夹来获取foo包。
使用extends继承配置
tsconfig.json文件可以利用extends属性从另一个配置文件里继承配置。
extends是tsconfig.json文件里的顶级属性（与compilerOptions，files，include，和exclude一样）。 extends的值是一个字符串，包含指向另一个要继承文件的路径。
在原文件里的配置先被加载，然后被来至继承文件里的配置重写。 如果发现循环引用，则会报错。
来至所继承配置文件的files，include和exclude覆盖源配置文件的属性。
配置文件里的相对路径在解析时相对于它所在的文件。
比如：
configs/base.json：
{
“compilerOptions”: {
“noImplicitAny”: true,
“strictNullChecks”: true
}}
tsconfig.json：
{
“extends”: “./configs/base”,
“files”: [
“main.ts”,
“supplemental.ts”
]}
tsconfig.nostrictnull.json：
{
“extends”: “./tsconfig”,
“compilerOptions”: {
“strictNullChecks”: false
}}compileOnSave
在最顶层设置compileOnSave标记，可以让IDE在保存文件的时候根据tsconfig.json重新生成文件。
{
“compileOnSave”: true,
“compilerOptions”: {
“noImplicitAny” : true
}}
要想支持这个特性需要Visual Studio 2015， TypeScript1.8.4以上并且安装atom-typescript插件。模式
到这里查看模式: http://json.schemastore.org/tsconfig.