1.安装Node.js
安装好后,可以打开命令行工具,同时按下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)显示项目内容
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目录里面建立一个也好用)
以上内容 亲测 可用。