chrome瀏覽器調試typescript


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

如果能在瀏覽器中直接調試typescript代碼,才能讓我們真正體會到typescript開發的快樂。

首先打開chrome開發者工具的配置項,然后查看sources下的Enable source maps選項,

如果已經選中,請先取消,然后刷新頁面,再選中,再刷新頁面。

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

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

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

 

如果沒有生成map文件,到工具下的配置項中,配置typescript就可以了。

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM