VS Code 扩展

使用 Ionic/Capacitor VS Code 扩展

Ionic Visual Studio Code 扩展同时也是一个官方的 Capacitor 扩展，它可以帮助你在不离开 VS Code 窗口的情况下，执行开发 Capacitor 应用程序所需的各种常见功能。你可以在 Visual Studio Marketplace 上安装此扩展。安装完成后，你会在活动栏中看到 Ionic 的徽标。

集成 Capacitor

你可以通过选择“集成 Capacitor”来将 Capacitor 添加到现有的应用程序中。

集成 Capacitor 后，你现在可以通过“在 Web 上运行”、“在 Android 上运行”和“在 iOS 上运行”等选项，在 Web、Android 和 iOS 上运行你的应用。

从 Cordova 迁移

如果你正在 从 Cordova 迁移到 Capacitor，Ionic VS Code 扩展可以加速这一过程。

该扩展可以：

• 将 Capacitor 的依赖项添加到你的项目中。
• 标记已知的不兼容的 Cordova 包。
• 移除不必要的 Cordova 插件。
• 将某些 Cordova 插件替换为等效的 Capacitor 插件。
• 以及更多功能！

这个扩展将帮助你更轻松地遵循我们的指南，从 Cordova 迁移到 Capacitor。

配置原生项目设置

Ionic VS Code 扩展还可以帮助你轻松配置与项目相关的 Android 和 iOS 变量。

你可以轻松更改应用程序的显示名称、版本号和构建号，以及项目中的其他可配置值。

调试

使用 Ionic 扩展，你可以在 Web、Android 和 iOS（即将推出）上运行 VS Code 调试器。

使用“调试”文件夹下的选项，你可以为 Web 和原生代码设置断点。Web 调试将启动一个可调试的独立浏览器实例（默认是 Google Chrome）。你也可以从设置选项中选择 Microsoft Edge。在 Android 上，Webview 实例将列在“调试”文件夹中，并且可以以类似于 Web 的方式进行调试。

更多功能

Ionic VS Code 扩展能提供的帮助远不止这些，包括迁移、调试、monorepo 支持等等。要了解该扩展的全部功能，请查看 VS Code Marketplace 上的扩展概览。