如何在浏览器中调试TS

比如创建了一个index.ts文件，如何调试它？

1.下载vscode并安装

 

2.安装node.js

 

3.全局安装typescript  

　　npm i typescript  -g

　　typescript包里面内置了tsc命令，在终端输入 tsc index.ts 会将 index.ts生成一个同名的 index.js文件

 

4.vscode安装插件Live Server

　　Live Server会创建一个服务器环境，并监测文件的变化

5.创建一个html, script的src指向index.js

6.在终端输入 tsc --watch index.ts       实时监听index.ts并转为index.js

完毕，修改index.ts然后保存，浏览器就能改变啦