zoukankan      html  css  js  c++  java
  • node-webkit教程(16)调试typescript

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

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

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

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

    Photo 14
     
    此时我们可以在开发这工具的Sources选项中看到ts文件。

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

    Photo 16

    如果没有生成map文件,到工具下的配置项中,配置typescript就可以了。

    Photo 15

    现在我们可以在开发者工具中设置断点了。

    Photo 17

    是不是很happy呢?

    ps:nw.js,electron交流群 313717550 

  • 相关阅读:
    CodeForces
    [AHOI 2013] 差异
    BZOJ
    [校内训练20_09_15]ABC
    [校内训练20_09_10]ABC
    [校内训练20_09_08]AC
    fastIO
    [校内训练20_06_05]ABC
    [校内训练20_06_04]ABC
    [校内训练20_06_03]ABC
  • 原文地址:https://www.cnblogs.com/xuanhun/p/4172300.html
Copyright © 2011-2022 走看看