TypeScript 介绍

1. TypeScript 是由微软开发的一款开源的编程语言
2. TypeScript 是Javascript的超集，遵循最新的 ES6、ES5规范。
3. TypeScript 更想后端、c#这样的面向对象语言可以让js开发大型企业项目。
4. angular2.x+ 就是基于TypeScript语法
5. 最新的Vue、React也可以集成TypeScript
   TypeScript = Type + JavaScript(为js添加了类型系统)

TypeScript相比JS的优势

JS 的类型系统存在先天缺陷，绝大部分错误都是类型错误（Uncaught TypeError）.

优势

• 类型化思维方式，使开发更加严谨，提前发现错误，减少改bug时间。
• 类型系统提高了代码的可读性，并维护和重构代码更加容易。
• 补充了接口、枚举等开发大型应用是JS缺失的功能。

vue3源码使用 TS 重写，释放重要信号：TS是趋势。

TypeScript 安装 编译

安装 ts解析工具包

npm install -g typescript

编译 ts文件

tsc xxx.ts

检测是否安装成功

tsc -v 或 tsc --version

编译测试

创建 ts 文件 index.ts

console.log("ts 编译测试文件")

var str:String = "----------TypeScript字符串变量------------"

编译（cmd 到对应文件夹下执行）

tsc index.ts

然后就会编译 出一个同名的 js文件 index.js

执行js文件

node index.js

简化编译

使用ts-node包 '直接‘’在node.js中执行TS代码

npm i -g ts-node

执行命令 运行ts

ts-node index.ts

实时编译

tsc --watch index.ts

vscode自动编译ts文件

1 创建 tsconfig.json 文件 （tsc -init 生成配置文件）修改配置
target参数会让TS代码编写成es5的代码
outDir参数决定了你编译成功的js文件储存在哪里

实时编译

tsc -w index.ts

设置vscode自动编译2

1. tsc --init, 创建tsconfig.json文件
2. 修改sconfig.json文件，设置js输出文件夹 outDir:'./js/'
3. 使用vscode监视任务