TypeScript基础学习(1): 介绍

Typescript 介绍

1. Typescript是由微软开发的一款开源的编程语言。
2. Typescript是Javascript的超集，遵循最新的Es6，Es5规范，Typescript扩展了Javascript的语法。
3. Typescript更像后端Java、c#这样的面向对象语言，可以让Js开发大型企业项目。
4. 谷歌也在大力支持Typescript的推广，谷歌的angular2.x+就是基于Typescript的语法。
5. 最新的Vue、React也可以集成Typescript。
6. Node.js框架Nest.JS、MidWay中用的就是Typescript的语法

Typescript安装

1. 安装命令
   npm install -g typescript
2. 验证是否安装成功
   tsc -v
3. 编译ts成es5
   cd到目录下，tsc index.ts, 就在同样目录下生成index.js 文件
4. 配置自动编译
   每次改动ts文件，都要运行一次tsc index.ts显然是不方便的，现在来配置自动编译。
   a. cd到目录下
   b. 运行tsc -init 生成tsconfig.json文件
   c. 按照图中，解开outDir和rootDir的注释，rootDir是ts源码的文件夹，outDir是编译后输出对应的js文件
   
   d. vscode 工具栏：终端---运行任务--typescript， 如图所示，选择tsc监视，现在你在src文件夹写的ts代码就会自动输出到对应的build文件夹里了

按照上面的步骤，就能自动将ts文件编译在对应的js文件里了