在chrome的開發人員工具的配置項中,有一個sourcemap的選項,用來配置javascript源碼和生成代碼的關系。
如果能在瀏覽器中直接調試typescript代碼,才能讓我們真正體會到typescript開發的快樂。
首先打開chrome開發者工具的配置項,然后查看sources下的Enable source maps選項,
如果已經選中,請先取消,然后刷新頁面,再選中,再刷新頁面。
此時我們可以在開發這工具的Sources選項中看到ts文件。
如果你是使用visual studio開發typescript 程序,默認項目是自動生成map文件的。
在每一個js文件下會有map文件的注釋說明。
如果沒有生成map文件,到工具下的配置項中,配置typescript就可以了。
現在我們可以在開發者工具中設置斷點了。