如何在浏览器中快速调试Typescript

如何在浏览器中调试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然后保存,浏览器就能改变啦

 

上一篇:typeScript 之(2) 环境部署


下一篇:TypeScript 一个面向对象的JavaScript