跳到主要内容
版本：v6

VS Code 扩展

使用 Ionic/Capacitor VS Code 扩展​

Ionic Visual Studio Code 扩展同时也作为官方的 Capacitor 扩展，能帮助您在开发 Capacitor 应用时执行各种常见操作，而无需离开 VS Code 窗口。您可以在 Visual Studio Marketplace 上安装此扩展。安装完成后，您会在活动栏中看到 Ionic 的徽标。

集成 Capacitor​

您可以选择“集成 Capacitor”，将 Capacitor 添加到现有的应用中。

添加 Capacitor 的视频

集成 Capacitor 后，您就可以通过“在 Web 上运行”、“在 Android 上运行”和“在 iOS 上运行”选项，将应用运行在 Web、Android 和 iOS 平台上。

从 Cordova 迁移​

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

该扩展可以：

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

此扩展将帮助您更轻松地参照我们的指南，从 Cordova 迁移到 Capacitor。

配置原生项目设置​

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

Capacitor 原生配置示例图片

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

调试​

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

Capacitor 调试示例图片

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

更多功能​

Ionic VS Code 扩展能提供很多帮助，包括迁移、调试、monorepo 支持等等。要查看扩展的全部功能列表，请查看 VS Code Marketplace 上的扩展概述。

Contents

编辑此页