Repolode
ionic-team

ionic-team/ionic-framework

基于 Web Components 的开源 UI 工具包,用一套 JavaScript/TypeScript 代码构建跨平台 iOS、Android 和 PWA 应用。

Star
52,715
Fork
13,297
未关闭 Issue
516
最近提交
5小时前

这是什么?

Ionic 是一个开源工具包,让开发者使用 JavaScript 和 Web 技术,基于同一套代码构建跨平台的原生风格应用和渐进式 Web 应用(PWA)。其 UI 组件基于 Web Components 实现,可与 Angular、React、Vue 配合使用,分别提供 @ionic/core 以及对应三个框架的封装包。

框架内置一组预制界面组件,力求在外观和交互上接近原生移动端 UI,支持 Material Design 风格,也提供平台特定的外观。应用通常借助 Ionic 配套的原生运行时 Capacitor 打包为 iOS 和 Android 应用,也可以直接部署为 Web 应用。

项目采用 MIT 许可证,提供基于 CLI 的快速入门、文档以及从早期大版本迁移的指南。Ionic 1、2、3 的代码位于独立仓库中。

核心功能

  • 01一套代码覆盖 iOS、Android 和 Web 的跨平台 UI 组件。
  • 02基于 Web Components 构建,可与 Angular、React、Vue 配合使用。
  • 03支持 Material Design 与平台特定的界面风格。
  • 04与 Capacitor 集成,用于打包原生 iOS 和 Android 应用。
  • 05提供 CLI 快速入门和主要版本之间的官方迁移指南。

适用场景

  • 使用 Web 技术和一套代码开发 iOS 与 Android 移动应用。
  • 构建带有原生风格导航和组件的渐进式 Web 应用。
  • 在现有的 Angular、React 或 Vue 项目中引入 Ionic UI 组件。

快速上手

  1. 1

    阅读文档中的快速入门指南

  2. 2

    从 npm 安装核心包

    npm install @ionic/core
  3. 3

    选择一个框架包(Angular、React 或 Vue)并按其 README 操作

使用前须知

  • Ionic 3 及更早版本位于其他仓库,不在此维护。
  • 入门说明主要依赖外部文档,本 README 中的设置步骤并不完整。

标签

常见问题

ionic-framework 是什么?
基于 Web Components 的开源 UI 工具包,用一套 JavaScript/TypeScript 代码构建跨平台 iOS、Android 和 PWA 应用。 Ionic 是一个开源工具包,让开发者使用 JavaScript 和 Web 技术,基于同一套代码构建跨平台的原生风格应用和渐进式 Web 应用(PWA)。其 UI 组件基于 Web Components 实现,可与 Angular、React、Vue 配合使用,分别提供 @ionic/core 以及对应三个框架的封装包。
ionic-framework 可以免费使用吗?用的什么许可证?
ionic-framework 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
ionic-framework 还在维护吗?
活跃维护中。ionic-framework 最近一次提交是在 2026年10月20日。
ionic-framework 适合用来做什么?
使用 Web 技术和一套代码开发 iOS 与 Android 移动应用。 构建带有原生风格导航和组件的渐进式 Web 应用。 在现有的 Angular、React 或 Vue 项目中引入 Ionic UI 组件。
ionic-framework 怎么安装和运行?
阅读文档中的快速入门指南 从 npm 安装核心包: npm install @ionic/core 选择一个框架包(Angular、React 或 Vue)并按其 README 操作
在哪里获取 ionic-framework?
源代码和安装说明在 GitHub 上:https://github.com/ionic-team/ionic-framework

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目