开发环境配置

在学习TS前，我们首先需要配置TS开发环境。

全局安装typescript对TypeScript进行编译

npm install typescript -g

查看TS版本号

tsc -v

初始化ts配置文件

tsc --init # 生成tsconfig.json

vscode中新建一个工程，然后在这个工程中新建一个.ts文件，如1.ts，并输入如下代码

const a = 1

在终端执行

tsc 1.ts

可以将ts文件编译成js文件，可以看到与1.ts的同级目录下生成了一个同名的1.js文件，内容为

var a = 1

这样.ts文件就成功编译成了.js文件。

但是当我们每次修改.ts文件后都要手动执行tsc 1.ts命令才能得到最新的编译后的.js文件，这样操作起来比较麻烦。

我们可以在终端执行

tsc --watch 1.ts

来监控到ts文件变化自动生成js文件。

如果我们只是想简单的看下.ts文件的运行结果，并不想生成对应的.js文件，这时在vscode中我们可以右键单击选择run code来运行ts文件，使用run code运行.ts文件需要先全局安装ts-node。

npm install ts-node -g