Java IDE MyEclipse 使用教程：在 MyEclipse 中调试 TypeScript

许多开发人员花费一半的时间修复错误。功能强大的调试器对于及时生成高质量的 Web 应用程序至关重要。这就是为什么我们的调试器如此有价值，可以很容易地调试你的TypeScript。

设置 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。输入详细信息，然后单击“完成”以启动调试会话。

使用调试透视

调试器首次遇到断点时，系统会要求您切换到“调试”透视图。选择“记住我的决定”以在将来避免此消息，然后单击“是”。“调试”透视图包括有效调试代码所需的视图。

源地图支持

如果您使用的是转译工具（如 TypeScript 或 Coffeescript）、缩小工具（如 minifyJS 或 UglifyJS）或捆绑工具（如 Browserify），则源代码映射支持允许您通过允许调试器在原始文件的上下文中表示当前代码执行位置来轻松调试 JavaScript 文件。如果使用的是源映射，请选择“在调试配置上启用源映射支持”。您还需要正确配置处理工具。

热交换 JavaScript 代码

选择“将 JavaScript 代码热交换到浏览器”选项，以直接在浏览器中自动查看 JavaScript 更改，而无需重新加载页面。将此功能与 CodeLive 结合使用，以加快您的 Web 开发速度。

以上就是在 MyEclipse 中调试 TypeScript的相关内容，想要了解更多MyEclipse使用教程，

MyEclipse V2022.1正式发布，大家可以下载MyEclipse官方正版试用。

MyEclipse | 下载试用

MyEclipse是功能最全面、性价比最高的企业级Java IDE之一。

MyEclipse

标签：