TypeScript 系列（二） —— 安装与自动编译

TypeScript 的安装

傻瓜式的安装：

npm install -g typescript

当然，你也可以用 cnpm 等其他工具进行安装。

自动编译

因为现代浏览器是不能解析 TS ，所以，所有的 TS 都需要编译为 JS 。编译也很简单，只需要执行一个命令即可：

tsc xxx.ts //(xxx是你的文件名)

但是，要是每次写完都要执行这么一条命令也太不友好了吧，我们更希望它能够自动编译，老子写到哪你就编译到哪，自动生成对应的 JS 文件。实现这个效果也不是一件困难的事，只需要进行一些配置即可（WebStorm）：

第一步：打开settings/tools/File Watchers

第二步：选择自定义 watcher

第三步：填写 watcher 的配置

Name：写 TypeScript （当然这只是建议，你也可以自己起一个名字~~）

File type：选择 TypeScript

Program：选择你的 tsc.cmd 命令的路径，默认路径在 C:\Users\你的计算机名\AppData\Roaming\npm\tsc

Arguments：--target "ES5" （代表转为ES5语法）

Output paths to refresh：$FileNameWithoutExtension$.js

第四步：当改变的时候自动编译

在 settings/Languages/TypeScript 下勾选 Recompile on changes 表示当改变时重新编译。

测试

最后来个小测试：

编写完 TS 代码后，自动的在 TS 文件的目录下生成对应的 JS 文件。