許多開發(fā)人員花費(fèi)一半的時(shí)間修復(fù)錯(cuò)誤。功能強(qiáng)大的調(diào)試器對(duì)于及時(shí)生成高質(zhì)量的 Web 應(yīng)用程序至關(guān)重要。這就是為什么我們的調(diào)試器如此有價(jià)值，可以很容易地調(diào)試你的TypeScript。

此文章詳細(xì)介紹了 MyEclipse中的調(diào)試器。

MyEclipse官方正版下載

設(shè)置 TypeScript 調(diào)試器

我們的 TypeScript 調(diào)試支持允許您直接在 TypeScript 文件中放置斷點(diǎn)，并逐步執(zhí)行工作區(qū)中存在的原始 TypeScript 源 — 您無需在轉(zhuǎn)譯的 JavaScript 中放置斷點(diǎn)。

若要調(diào)試 TypeScript，通常需要設(shè)置源映射，以便我們可以將瀏覽器中運(yùn)行的 JavaScript 代碼映射到工作區(qū)中的 TypeScript 源。在某些情況下，例如當(dāng)您使用像帶有Webpack的Angular 2這樣的現(xiàn)代框架時(shí)，源映射可能已經(jīng)正確設(shè)置。

• 在 TypeScript>Build Path 屬性頁上，確保選中“自動(dòng)編譯 TypeScript 文件”，或者確保在適當(dāng)?shù)臅r(shí)間轉(zhuǎn)譯為 JavaScript（如果您自己管理）。
• 在 TypeScript>Compiler 屬性頁上，確保選中“生成相應(yīng)的 .map 文件”以確保生成源映射。

啟動(dòng)調(diào)試器

如果 TypeScript 是 Java EE 應(yīng)用程序的一部分，請(qǐng)參見調(diào)試通用 Web 應(yīng)用程序。

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

使用調(diào)試透視

調(diào)試器首次遇到斷點(diǎn)時(shí)，系統(tǒng)會(huì)要求您切換到“調(diào)試”透視圖。選擇“記住我的決定”以在將來避免此消息，然后單擊“是”。“調(diào)試”透視圖包括有效調(diào)試代碼所需的視圖。

編輯調(diào)試配置

首次調(diào)試應(yīng)用程序時(shí)，將使用默認(rèn)設(shè)置自動(dòng)創(chuàng)建調(diào)試配置。要查看配置，請(qǐng)從菜單中選擇運(yùn)行>調(diào)試配置;或者，右鍵單擊應(yīng)用程序的索引文件，然后選擇“調(diào)試為>調(diào)試配置”。在“Web 應(yīng)用程序中的 JavaScript”文件夾中選擇索引文件。您可以編輯現(xiàn)有配置，也可以右鍵單擊該文件夾，然后選擇“新建”以創(chuàng)建新配置。

源地圖支持

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

熱交換 JavaScript 代碼

以上就是在 MyEclipse 中調(diào)試 TypeScript的相關(guān)內(nèi)容，想要了解更多MyEclipse使用教程，

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

MyEclipse | 下載試用

MyEclipse是功能最全面、性價(jià)比最高的企業(yè)級(jí)Java IDE之一。

MyEclipseQQ群：742336981      歡迎進(jìn)群一起討論