一、概述
随着Vue3用TypeScript的重构与发布，作为JavaScript类型超集的TypeScript，以可以编译成JavaScript，可以在任何浏览器、任何计算机和任何操作系统上运行，并且开源，被再一次被推向了前端开发语言的巅峰，为了顺应时代的变化，争取成为与时俱进的开发者，小编今天从Typescript的概念、由来以及优缺点方面进行系统的讲解，希望为学习路上的大家提供一点点帮助，如果大家觉得有帮助，记得给小编点个赞，如果想获取更多干货请关注前端微服务公众号，不定期为大家带来干货。
二、TypeScript是什么？
说到TypeScript一定离不开熟悉的JavaScript，JavaScript本身就是一门优秀且强大的编程语言。既然JavaScript已经这么优秀，为什么还要使用TypeScript呢，这要从JavaScript的缺点入手，在早期由于JavaScript是弱类型语言，在开发过程中如果书写代码不严谨，就会出现各种各样的bug，导致代码质量下降，为了预防这种问题的出现,Facebook 出品的一个用于 JavaScript 代码的静态类型检查工具。用于找出JavaScript 代码中的类型错误。Flow 采用 OCaml 语言开发。正是由于这种问题的存在，在很长一段时间内JavaScript被贴上了无类型的标签，但由于近几年Node的出现，推动了前端工程化和自动化以及三大框架(Angular、React、Vue)的发展，把前端推向了一个更高的起点，Node.js之父瑞安达尔（Ryan Dahl）发布了新的开源项目 deno，而该项目最终是要提供一个安全的 TypeScript 运行环境。
三、为什么要学习TypeScript？
- 拥有强大的靠山，分别为微软与谷歌。TypeScript是由微软开发的，谷歌的Angular框架是用Typescript开发的。所以TypeScript很有可能是未来的前端脚本语言发展的主流方向。
- 三大主流框架中，Vue 3.0 源码全部用typescript重写。
- TypeScript 是微软在2012年开发的一门免费开源的编程语言。它是 JavaScript 的一个超集（增强版）。它在JS原来的基础上增加了一套十分强大的类型系统，从而可以让小伙伴们在写代码的时候获得更加丰富的语法提示。在代码的编译阶段也可以通过类型系统的检查，从而有效避免一些线上错误。
- TypeScript是一门比Java更Script的编程语言。也就是说TypeScript具有真正的面向对象编程思想，你可以采用它来完成更加大型复杂的应用。
- TypeScript始于JavaScript终于JavaScript。也就是说TypeScript遵循JavaScript的语法和语义，任何Js都可以在Ts内运行，但TypeScript它不可以直接在浏览器中运行，必须要将其转换为JavaScript。
四、环境搭建
因为TypeScript在JavaScript的基础上增加了类型系统，所以TypeScript不能够直接在浏览器当中运行。我们需要使用编译器将TypeScript编译为JavaScript。因为TypeScript编译为JavaScript需要Node环境的支持，所以在编译前请保证你本地已经安装Node运行环境。
4.1 全局安装TypeScript
$ npm install typescript -g # OR $ yarn global add typescript
查看TypeScript版本
$ tsc --version
4.2 编写TypeScript代码
所有TypeScript代码全部以.为后缀
- 创建index.ts文件
// index.ts const name:string = "xunzhaotech.com";// string 为设置变量类型 console.log(name);
- 编译将index.ts文件
$ tsc index.ts
- 在文件夹内多出一个名字为index.js的文件
- 接下来按照js的方式运行
$ node index.js
