node-webkit教程(16)調試typescript

原文連接：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