chrome瀏覽器調試typescript

在chrome的開發人員工具的配置項中，有一個sourcemap的選項，用來配置javascript源碼和生成代碼的關係。

若是能在瀏覽器中直接調試typescript代碼，才能讓咱們真正體會到typescript開發的快樂。

首先打開chrome開發者工具的配置項，而後查看sources下的Enable source maps選項，

若是已經選中，請先取消，而後刷新頁面，再選中，再刷新頁面。

此時咱們能夠在開發這工具的Sources選項中看到ts文件。

若是你是使用visual studio開發typescript 程序，默認項目是自動生成map文件的。

在每個js文件下會有map文件的註釋說明。

 

若是沒有生成map文件，到工具下的配置項中，配置typescript就能夠了。

如今咱們能夠在開發者工具中設置斷點了。