原文鏈接:node-webkit教程(16)調試typescript
本文所講的內容同樣適用於chrome瀏覽器。
在chrome的開發人員工具的配置項中,有一個sourcemap的選項,用來配置javascript源碼和生成代碼的關系。如果能在瀏覽器中直接調試typescript代碼,才能讓我們真正體會到typescript開發的快樂。
首先打開chrome開發者工具的配置項,然后查看sources下的Enable source maps選項,如果已經選中,請先取消,然后刷新頁面,再選中,再刷新頁面。

此時我們可以在開發這工具的Sources選項中看到ts文件。

如果你是使用visual studio開發typescript 程序,默認項目是自動生成map文件的。在每一個js文件下會有map文件的注釋說明。
如果沒有生成map文件,到工具下的配置項中,配置typescript就可以了。

現在我們可以在開發者工具中設置斷點了。

是不是很happy呢?
ps:nw.js,electron交流群 313717550