type script 环境搭建与vs code设置自动编译成js文件的方法

现在的type scrip 重要性不言而喻，除了react, vue等前端框架源码均用ts进行了改造，连node也支持了ts改造

学习ts语法需要一个开发环境，浏览器是不认识ts文件的，必须转换为js文件，这里阐述了最简单的环境搭建：

安装：

1.1 按照以下步骤即可：

npm i -g typescript

先创建一个ts文件：

xxx.ts

在文件里随便写些ts代码

命令行运行：

tsc xxx.ts

此时在同个文件夹下会生成对应的js文件

 

1.2 在vs code里设置自动编译

vscode里设置进行自动编译，就不用每次都运行tsc命令编译文件：

在项目文件夹里初始化：

tsc --init

会生成tsconfig.json文件.

在个文件里改动：

- // "outDir": "./",
+ "outDir": "./js"

现在，每写一行ts代码就能自动转存为js代码,

还可以改动输出的代码为es5代码还是es6代码：

- "target": "es5", 
+ "target": "es6",