Ionic Vueの概要
@ionic/vue brings the full power of the Ionic Framework to Vue developers. It offers seamless integration with the Vue ecosystem, so you can build high-quality cross-platform apps using familiar Vue tools, components, and best practices. You also get access to Ionic's extensive UI library and native capabilities.
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 ツール
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
Capacitor is the official cross-platform runtime for Ionic Vue, enabling your apps to run natively on iOS, Android, and the web with a single codebase.
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.
インストール
$ npm install -g @ionic/cli
$ ionic start myApp tabs --type vue
$ cd myApp
$ ionic serve █
Resources
Quickly set up your first Ionic Vue app and learn the basics of the framework and CLI.
Learn more about Vue's core concepts, tools, and best practices from the official Vue documentation.
Discover how to handle routing and navigation in Ionic Vue apps using the Vue Router.
Explore Ionic's rich library of UI components for building beautiful apps.
Learn how to customize the look and feel of your app with Ionic's powerful theming system.
Explore how to access native device features and deploy your app to iOS, Android, and the web with Capacitor.