angular - 如何在 2020 年的 Visual Studio 代码中调试在 Android 模拟器上运行的 Ionic 应用程序？

Question

过去可以使用插件 Cordova Tools 调试在 Android 模拟器中运行的 Ionic 应用程序。

现在在 2020 年 7 月，当我打开运行选项时，我再也看不到 Cordova 被列出了。即使我安装并启用了插件。

不能调试 TypeScript 很难工作，使用 Chrome 开发人员工具是一种选择，但调试转译的 Javascript 并不理想。

我不确定发生了什么，插件页面上没有更新，有没有人能够做到这一点？如果没有，还有其他选择吗？我不介意切换到不同的文本编辑器或 IDE。

标签： angularcordovaionic-frameworkvisual-studio-code

Answer 1

我不知道发生了什么，但能够使用以下步骤将调试器附加到应用程序。

1. 打开命令行，运行 Ionic start 以创建示例应用程序。
2. 在 VSC 中打开示例应用程序的文件夹。
3. 点击运行，选择创建launch.json文件，列表中出现Cordova，选择Cordova。
4. 将示例项目中的 launch.json 文件复制到公司应用程序的项目中。
5. 在 VSC 中打开公司应用程序的项目，在调试下选择“附加到在模拟器中运行的 Android”或“在设备中运行 Android”... 照常。

但是，仍然不知道为什么在尝试最初调试项目时没有列出 Cordova。