許多開發人員花費一半的時間修復錯誤。功能強大的調試器對于及時生成高質量的 Web 應用程序至關重要。這就是為什么我們的調試器如此有價值，可以很容易地調試你的TypeScript。

此文章詳細介紹了 MyEclipse中的調試器。

MyEclipse官方正版下載

設置 TypeScript 調試器

我們的 TypeScript 調試支持允許您直接在 TypeScript 文件中放置斷點，并逐步執行工作區中存在的原始 TypeScript 源 — 您無需在轉譯的 JavaScript 中放置斷點。

若要調試 TypeScript，通常需要設置源映射，以便我們可以將瀏覽器中運行的 JavaScript 代碼映射到工作區中的 TypeScript 源。在某些情況下，例如當您使用像帶有Webpack的Angular 2這樣的現代框架時，源映射可能已經正確設置。

• 在 TypeScript>Build Path 屬性頁上，確保選中“自動編譯 TypeScript 文件”，或者確保在適當的時間轉譯為 JavaScript（如果您自己管理）。
• 在 TypeScript>Compiler 屬性頁上，確保選中“生成相應的 .map 文件”以確保生成源映射。

啟動調試器

如果 TypeScript 是 Java EE 應用程序的一部分，請參見調試通用 Web 應用程序。

如果 TypeScript 是在外部啟動的應用程序的一部分，請像往常一樣啟動該應用程序，然后從應用程序的索引文件（通常類似于 index.html）的上下文菜單中選擇“在外部部署的 Web 應用程序中> JavaScript 調試”。將顯示一個對話框，詢問可在其中訪問應用程序的 URL。輸入詳細信息，然后單擊“完成”以啟動調試會話。

使用調試透視

調試器首次遇到斷點時，系統會要求您切換到“調試”透視圖。選擇“記住我的決定”以在將來避免此消息，然后單擊“是”。“調試”透視圖包括有效調試代碼所需的視圖。

編輯調試配置

首次調試應用程序時，將使用默認設置自動創建調試配置。要查看配置，請從菜單中選擇運行>調試配置;或者，右鍵單擊應用程序的索引文件，然后選擇“調試為>調試配置”。在“Web 應用程序中的 JavaScript”文件夾中選擇索引文件。您可以編輯現有配置，也可以右鍵單擊該文件夾，然后選擇“新建”以創建新配置。

源地圖支持

如果您使用的是轉譯工具（如 TypeScript 或 Coffeescript）、縮小工具（如 minifyJS 或 UglifyJS）或捆綁工具（如 Browserify），則源代碼映射支持允許您通過允許調試器在原始文件的上下文中表示當前代碼執行位置來輕松調試 JavaScript 文件。如果使用的是源映射，請選擇“在調試配置上啟用源映射支持”。您還需要正確配置處理工具。

熱交換 JavaScript 代碼

以上就是在 MyEclipse 中調試 TypeScript的相關內容，想要了解更多MyEclipse使用教程，

MyEclipse V2022.1正式發布，大家可以下載MyEclipse官方正版試用。

MyEclipse | 下載試用

MyEclipse是功能最全面、性價比最高的企業級Java IDE之一。

MyEclipseQQ群：742336981      歡迎進群一起討論