node-webkit教程(16)调试typescript

原文连接:node-webkit教程(16)调试typescript

本文所讲的内容一样适用于chrome浏览器。

在chrome的开发人员工具的配置项中,有一个sourcemap的选项,用来配置javascript源码和生成代码的关系。若是能在浏览器中直接调试typescript代码,才能让咱们真正体会到typescript开发的快乐。javascript

首先打开chrome开发者工具的配置项,而后查看sources下的Enable source maps选项,若是已经选中,请先取消,而后刷新页面,再选中,再刷新页面。java

 

Photo 14
 
此时咱们能够在开发这工具的Sources选项中看到ts文件。

若是你是使用visual studio开发typescript 程序,默认项目是自动生成map文件的。在每个js文件下会有map文件的注释说明。node

Photo 16

若是没有生成map文件,到工具下的配置项中,配置typescript就能够了。web

Photo 15

如今咱们能够在开发者工具中设置断点了。chrome

Photo 17

是否是很happy呢?typescript

ps:nw.js,electron交流群 313717550 浏览器

相关文章
相关标签/搜索