码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2021-02-22 12:45:34      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:index   vscode   script   实时   npm   监测   文件的   快速   一个   

如何在浏览器中调试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

标签:index   vscode   script   实时   npm   监测   文件的   快速   一个   

原文地址:https://www.cnblogs.com/BlueCc/p/14426725.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!