1.安装Node.js

安装：https://nodejs.org/zh-cn/

安装好后，可以打开命令行工具，同时按下win+R，然后输入cmd就可以打开，打开后输入

node-v

npm -v

如果看到版本号说明已经安装成功了

查看nodejs的安装路径  

使用快捷键 win+R,输入cmd打开命令窗口，输入如下代码：

npm config ls

2.安装TypeScript包

命令行窗口输入如下命令：

npminstall typescript -g

tsc --version

如果看到版本号说明已经安装成功了

3.webstorm中配置TypeScript

1)新建一个空白项目，命名为TypeScript

2)点击文件右键，选择new->tsconfig.json File，创建tsconfig.json文件

3)File->Settings->Tools->File Watchers->TypeScript，这个地方默认不存在TypeScript，（下图为已经创建完成的图片）

点击右侧‘+’号，选择,弹出 New Watcher，如下下图进行创建,点击ok。勾选“TypeScript”，点击ok。

4)设置TypeScript信息

5)显示项目内容

创建文件 创建tsconfig.json 新建TypeScript

Program：C:\programs\nodejs\tsc.cmd(如果这个文件没有，在nodejs文件下创建也可以)

Arguments：--sourcemap --target "ES5"

Output paths to refresh：$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map

Working directory：$FileDir$(下图非本人截图，如果tsc.cmd找不到，就自己在node目录里面建立一个也好用)

设置TypeScript 设置自动生成

以上内容 亲测 可用。