TypeScript从入门到精通系列01（介绍及安装）

Typescript 介绍

• TypeScript 是由微软开发的一门开源编程语言；
• TypeScript扩展了JavaScript语法， 是 Javascript 的超集，遵循最新的 ES6、ES5 规范；
• TypeScript最终被转译成JavaScript代码，可以在任何浏览器，任何宿主环境中运行（跨平台）；
• 谷歌的 angular2.x+就是基于 Typescript 语法， 最新的 Vue 、React 也可以集成 TypeScript。

Typescript 安装 编译

• 浏览器无法解析ts或es6，需要把ts转译成浏览器能解析的es5；
• 安装nodejs后使用nodejs的包管理npm来安装ts；

npm install -g typescript

• 新建一个脚本 helloworld.ts，在根目录下打开cmd或者git Bash，执行tsc helloworld.ts，将ts转成js；

tsc helloworld.ts

• 由于每次写完ts代码后都要使用命令生成对应的js文件，比较麻烦，所以使用自动编译。

在Visual Studio Code中配置，使脚本自动编译成对应的js文件

• 在项目根目录下打开cmd输入或者在Vscode终端输入 tsc --init 生成配置文件 tsconfig.json ；
• 将tsconfig.json中的outDir注释解开，补充要编写的ts文件最终输出到哪个目录，比如输入到js目录下，没有注释开则默认输出到根目录中；
  
• 点击terminal，选择run task，然后点击watch进行监视，写完脚本后保存就会自动编译到对应的js文件中。

在Hbuild中配置，使脚本自动编译成对应的js文件

• 如下图操作安装插件