ts简介

任何合法的js代码，都是合法的ts
ts兼容了已有的js语法
更为准确的说法：任何合法的es6代码都是合法的ts代码
ts是js的超集
ts更像后端的c#，java等面向对象的语言

es6/es5/ts关系.png

安装ts

npm install -g typescript
cnpm install -g typescript //推荐
yarn global add typescript

安装成功：

tsc -v

运行一个ts文件

tsc xxx.ts

然后就会出现一个同名的js文件
浏览器就认识js语法，这样ts代码就能在浏览器里运行了。
但是每次写一行代码就要tsc一次吗？不！

配置VSCode，自动编译ts

1. tsc --init
   就会自动生成一个tsconfig.json

2. 打开outDir，输入保存js的路径

   
   
   outDir.png
3. 点击terminal ->run task -> typescript -> tsc:watch