前言
最近打算用TypeScript开发小程序。下面我们来对Webstorm进行一些简单的配置，让其支持TypeScript，同时自动编译成对应的js文件。
node环境
查看本地node环境是否已安装
node -v
安装typeScript编译器
全局安装
npm install typescript -g
安装完成后，可以在命令行查看编译器的版本
tsc --version
配置typescript开发
打开Webstorm，新建一个空白项目，命名为typescript
在Webstorm中右击项目名，选择new->tsconfig.json File，创建tsconfig.json文件
打开Webstorm,为TypeScript文件更改编译设置，File->Settings->File Watchers->TypeScript，这里我们需要选择TypeScript，但是File Watchers下默认是不存在的。需要点击右侧“+”号，选择,弹出 New Watcher，设置好圈红线的部分，点击ok。
我的配置信息为：
Program：C:\Users\su\AppData\Roaming\npm\tsc.cmd
Arguments：--sourcemap --target "ES5"
Output paths to refresh：$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
Working directory：$FileDir$
这样，typescript的自动编译功能就设置好了，可以发现我们编写的ts文件会自动转为js文件。
感谢
本次分享到这里就结束了，感谢您的阅读，如果本文对您有什么帮助，别忘了动动手指点个赞 ❤️ 和关注。
更多内容欢迎关注访问下面二维码或搜索公众号：修行全栈，获取更多实用内容。
