node-webkit教程(15)調試typescript

標籤：blog   http   ar   io   使用   sp   java   on   檔案   

原文連結：node-webkit教程(15)調試typescript
本文所講的內容同樣適用於chrome瀏覽器。

在chrome的開發人員工具的配置項中，有一個sourcemap的選項，用來配置javascript源碼和產生代碼的關係。如果能在瀏覽器中直接調試typescript代碼，才能讓我們真正體會到typescript開發的快樂。

首先開啟chrome開發人員工具的配置項，然後查看sources下的Enable source maps選項，如果已經選中，請先取消，然後重新整理頁面，再選中，再重新整理頁面。

 

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

如果你是使用visual studio開發typescript 程式，預設項目是自動產生map檔案的。在每一個js檔案下會有map檔案的注釋說明。

如果沒有產生map檔案，到工具下的配置項中，配置typescript就可以了。

現在我們可以在開發人員工具中設定斷點了。

是不是很happy呢？

node-webkit教程(15)調試typescript