Skip to main content

Ionic Vue 概述

@ionic/vue 将 Ionic 框架的全部强大功能带给 Vue 开发者。它与 Vue 生态系统无缝集成，因此你可以使用熟悉的 Vue 工具、组件和最佳实践构建高质量的跨平台应用。你还可以使用 Ionic 的丰富 UI 库和原生功能。

Vue 版本支持​

🌐 Vue Version Support

Ionic Vue v8 支持 Vue 3.x。有关支持的版本和我们的支持政策的详细信息，请参见 Ionic Vue 支持政策。

🌐 Ionic Vue v8 supports Vue 3.x. For detailed information on supported versions and our support policy, see the Ionic Vue Support Policy.

Vue 工具​

🌐 Vue Tooling

Ionic Vue 项目使用与标准 Vue CLI 项目相同的工具，因此你可以利用完整的 Vue CLI 功能集来构建、测试和部署你的应用。入门项目默认启用了有用的功能，例如用于导航的 Vue Router 和用于类型安全及改进开发者体验的 TypeScript 支持。

🌐 Ionic Vue projects use the same tooling as standard Vue CLI projects, so you can take advantage of the full Vue CLI feature set for building, testing, and deploying your apps. Starter projects come with useful features enabled by default, such as Vue Router for navigation and TypeScript support for type safety and improved developer experience.

原生工具​

🌐 Native Tooling

电容器 是 Ionic Vue 的官方跨平台运行时，使你的应用能够使用单一代码库在 iOS、Android 和 Web 上原生运行。

虽然你可以在 Ionic Vue 中使用许多 Cordova 插件，但推荐并完全支持的解决方案是 Capacitor。Ionic CLI 并未为 Ionic Vue 项目提供官方的 Cordova 集成。有关在 Capacitor 中使用 Cordova 插件的更多信息，请参阅 Capacitor 文档。

🌐 While you can use many Cordova plugins with Ionic Vue, Capacitor is the recommended and fully supported solution. The Ionic CLI does not provide official Cordova integration for Ionic Vue projects. For more information on using Cordova plugins with Capacitor, see the Capacitor documentation.

安装​

🌐 Installation

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type vue

$ cd myApp
$ ionic serve █

资源​

🌐 Resources

新手上路

快速设置你的第一个 Ionic Vue 应用，并了解该框架和 CLI 的基础知识。

Vue 文档

从官方 Vue 文档了解更多关于 Vue 核心概念、工具和最佳实践的信息。

导航

了解如何在 Ionic Vue 应用中使用 Vue Router 处理路由和导航。

组件

探索 Ionic 丰富的 UI 组件库，用于构建美观的应用。

主题化

了解如何使用 Ionic 强大的主题系统自定义应用的外观和感觉。

电容器文档

探索如何访问本地设备功能，并使用 Capacitor 将你的应用部署到 iOS、Android 和网络。

目录