先聊聊天

vue conf 2019 前段时间在上海召开了，尤大大在会上回忆了vue的发展现状和vue3.0版本的设计目标，在十一月五号已经将vue3.0版本的代码发布到github上面了，预计在明年会出一个稳定的版本
那么在vue3.0的设计目标是这样的，希望vue更快，更小，加强typescript的支持等等，由此说明typescript已经越来越重要了

什么是 TypeScript

• typeScript 是 JavaScript 的一个超集，主要提供了类型系统（类型系统是一个提供给用户定义和管理类型与实体的组件）和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。
• TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。 TypeScript 扩展了js的语法
• 编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。
• TypeScript 是开源的。
• 可能对于TypeScript 是 JavaScript 的类型的超集不太好理解，下面有一张图完美的解释了他们之间的关系
  

为什么要选择Typescript呢？

1， TypeScript 增加了代码的可读性和可维护性

• 可读性：类型系统；
• 可维护性:
  -------编辑器和 IDE 的功能，包括代码补全、接口提示、跳转到定义、重构等
  -------编译阶段就发现大部分错误

2,TypeScript 非常包容

• TypeScript 是 JavaScript 的超集，.js 文件可以直接重命名为 .ts 即可
• 即使不显式的定义类型，也能够自动做出类型推论
• 即使 TypeScript 编译报错，也可以生成 JavaScript 文件
• 可以定义从简单到复杂的几乎一切类型
• 兼容第三方库，即使第三方库不是用 TypeScript 写的，也可以编写单独的类型文件供 TypeScript 读取

3，TypeScript 拥有活跃的社区

• 大部分第三方库都有提供给 TypeScript 的类型定义文件
• Google 开发的 Angular2 就是使用 TypeScript 编写的
• TypeScript 拥抱了 ES6 规范，也支持部分 ESNext 草案的规范
• 最新的vue和react也可以集成typescript

4，TypeScript 的缺点

• 有一定的学习成本
• 适合长期维护的项目

TypeScript的基本使用

1，安装：npm install -g typescript,
2，在文件夹下新建一个hello.ts
3，
4，编译： tsc hello.ts
5，在同级目录下生成一个js文件，里面内容如下

相关参考

菜鸟教程
https://www.runoob.com/typescript/ts-tutorial.html
阮一峰ts教程
https://ts.xcatliu.com/