typescript介绍、安装及开发工具

typescript是由微软开发的一款开源的编程语言。它是JavaScript的超集，遵循最新的ES5、ES6规范，扩展了JavaScript的语法。下面就简单介绍一下typescript的安装、开发工具

typescript安装：

在使用npm命令之前电脑必须的安装nodejs
安装：

npm install -g typescript
cnpm install -g typescript

打开一个新终端检查是否成功安装：tsc -v(输出版本号表安装成功)

开发工具：手动编译

新建一个文件夹tsdemo01,通过vscode打开，在里面新建一个index.ts文件。

let str: string = "你好"
let str1: string = 'hello word'

因为浏览器不支持ts es6 语法，所以要把ts编译成es5。
编译过程如下：
ctrl+shift+~(唤起终端)：输入：tsc index.ts回车
然后你会发现项目里多了个index.js文件，.js浏览器能够解析，.ts浏览器解析不了。

我们在.ts项目里面写的代码，此时无法在.js文件中实时解析，当我们继续在终端输入tsc index.ts，才能编译成es5的代码，这样的手动操作就很繁琐，代码效率太低。

let str: string = "你好"
let str1: string = 'hello word'

开发工具：自动编译

我们想让它能够自己编译.ts文件
把之前写的需要手动编辑的项目删掉，保留一个tsdemo01空文件夹
1. 创建tsconfig.json文件，项目名下cmd 输入tsc --init 生成配置文件 然后改变它的outDir

2.同样新建一个index.ts文件

3.在vscode点击 终端→运行任务→typescript→typescript-tsc监视，然后就可以自动生成index.js代码了。
注：老版本的vscode 点击 任务→运行任务→tsc:监视-tsconfig.json
这个index.html不用管，是后来写代码补得截图