[TOC]
Ionic Framework是一个开源UI工具包,用于使用Web技术(HTML,CSS和JavaScript)构建高性能的高质量移动和桌面应用程序。
Ionic Framework专注于前端用户体验,或应用程序的UI交互(控件,交互,手势,动画)。它易于学习,并与其他库或框架(如Angular)很好地集成,或者可以独立使用而无需使用简单脚本包含的前端框架。
目前,Ionic Framework已与[Angular](https://angular.io/)正式集成,但对**Vue**和**React的**支持正在开发中。如果您想在深入了解之前了解有关Ionic Framework的更多信息,我们[制作了一个视频,](https://youtu.be/p3AN3igqiRc)向您介绍了基础知识。
## **目标**
### 跨平台
构建和部署跨多个平台的应用程序,例如本机iOS,Android,桌面和Web作为渐进式Web应用程序 - 所有这些都具有一个代码库。写一次,随处运行。
### 基于Web标准
Ionic Framework建立在可靠的基础之上,[标准化的Web技术](https://ionicframework.com/docs/faq/glossary#web-standards):HTML,CSS和JavaScript,使用现代Web API,如Custom Elements和Shadow DOM。因此,Ionic组件具有稳定的API,并不是单个平台供应商的心血来潮。
### 美丽的设计
干净,简单,功能齐全。Ionic Framework旨在在所有平台上以开箱即用的方式工作和显示。从预先设计的组件,排版,交互式范例和华丽(但可扩展)的基本主题开始。
### 简单
Ionic Framework在构建时考虑到了简单性,因此创建Ionic应用程序非常有趣,易于学习,并且几乎所有具有Web开发技能的人都可以访问它。
## **许可证**
Ionic Framework是一个免费的开源项目,在允许的[MIT许可](https://opensource.org/licenses/MIT)下[发布](https://opensource.org/licenses/MIT)。这意味着它可以免费用于个人或商业项目。MIT与jQuery和Ruby on Rails等流行项目使用的许可证相同。
此文档内容(在[ionic-docs](https://github.com/ionic-team/ionic-docs)repo中找到)根据[Apache 2许可证进行许可](https://www.apache.org/licenses/LICENSE-2.0)。
## **Ionic CLI**
官方[离子CLI](https://ionicframework.com/docs/cli),或命令行界面,是一种快速支撑Ionic应用程序并为Ionic开发人员提供许多有用命令的工具。除了安装和更新Ionic之外,CLI还带有内置的开发服务器,构建和调试工具等等。如果您是[Ionic Appflow](https://ionicframework.com/docs/intro#ionic-appflow)成员,则可以使用CLI执行云构建和部署,以及管理您的帐户。
## **框架兼容性**
虽然过去的Ionic版本与Angular紧密耦合,但框架的V4经过重新设计,可作为独立的Web组件库,集成了最新的JavaScript框架,如Angular。Ionic可以在大多数前端框架中成功使用,包括React和Vue,尽管某些框架需要垫片才能获得完整的Web组件支持。
### JavaScript
Ionic 4的主要目标之一是消除对单个框架的任何硬性要求以托管组件。这意味着核心组件可以独立工作,只需在网页中使用脚本标记即可。虽然使用框架对于大型团队和更大的应用程序来说非常有用,但现在可以在单个页面中使用Ionic作为独立库,即使在像WordPress这样的上下文中也是如此。
### Angular
Angular一直是Ionic伟大的核心。虽然核心组件已经编写为独立的Web组件库,但该`@ionic/angular`软件包使与Angular生态系统的集成变得轻而易举。`@ionic/angular`包括Angular开发人员期望来自Ionic 2/3的所有功能,并集成核心Angular库,如Angular路由器。
### 未来的支持
预计未来版本将支持其他框架。目前正在开发Vue和React的官方绑定,尽管某些组件只是在这些框架中开箱即用。
## **Ionic Framework V4 +**
Ionic Framework V4是项目底层技术和功能的重大进步,侧重于性能,兼容性和整体可扩展性。虽然V4仍然通过`@ionic/angular`包与Angular深度集成,但它现在也与框架无关,这意味着它可以与任何其他JavaScript框架(Vue,React,Preact等)一起使用,或者根本没有框架。
通过转向Web标准,V4允许Ionic的核心依赖于现代浏览器支持的标准组件模型,而不是特定于框架的模型。这可能意味着更快的加载时间,更好的性能和更少的整体代码。
## **Ionic Appflow**
为了帮助管理Ionic应用程序的整个生命周期,我们还为生产应用程序提供了一个商业应用程序平台,称为[Ionic Appflow](https://ionicframework.com/appflow),它**与开源框架分开。**
Ionic Appflow可帮助开发人员和团队编译本机应用程序版本,并从集中式仪表板向Ionic应用程序部署实时代码更新。可选的付费升级可用于更高级的功能,如工作流自动化,单点登录(SSO)以及对连接服务和集成的访问。
Appflow需要一个[Ionic帐户,](https://dashboard.ionicframework.com/signup)并为那些有兴趣玩一些功能的人提供免费的“入门”计划。
## **生态系统**
Ionic Framework由核心团队积极开发和维护,其生态系统由开发人员和贡献者的国际社区指导,推动其发展和采用。大大小小的开发人员和公司都使用Ionic来构建和运送各种各样的应用程序。
### 加入社区
全球200多个国家/地区有数百万的Ionic开发人员。以下是一些加入方式:
* [论坛:](https://forum.ionicframework.com/)提问和分享想法的好地方。
* [Slack:](https://ionicworldwide.herokuapp.com/)开发人员实时见面和聊天的热闹场所。
* [Twitter:](https://twitter.com/Ionicframework)我们在哪里发布更新并分享来自Ionic社区的内容。
* [GitHub:](https://github.com/ionic-team/ionic)要报告错误或请求新功能,请在此处创建问题。PR欢迎!
* [内容创作:](https://ionicframework.com/contributors)撰写技术博客或与Ionic社区分享您的故事。
- 入门
- 介绍
- 什么是Ionic Framework?
- 核心概念
- 浏览器支持
- 版本
- 支持
- 安装
- CLI安装
- 程序包和CDN
- 环境设置
- iOS安装
- Android安装
- 建造项目
- 开始
- 创建
- 项目迁移
- 跨平台
- 运行概述
- 在iOS上运行
- 在Android上运行
- 测试
- 做出贡献的
- web视图
- ionic存储
- 布局
- 结构体
- 响应式网格
- CSS实用工具
- 主题化
- 基本
- 平台样式
- CSS变量
- 高级
- 导航
- Angular
- 编译和发布
- 渐进式Web应用程序
- iOS App Store
- Android Play商店
- PC桌面应用程序
- 常问问题
- 名词解释
- 构建错误 Build Errors
- 运行时错误 Runtime Errors
- 本机错误 Native Errors
- 开发人员提示 Developer Tips
- 更多资源
- 书籍
- 课程
- 实战项目
- 帖子
- 工具
- 视频
- UI组件
- 弹出式菜单 ion-action-sheet
- 弹出菜单控制器 ion-action-sheet-controller
- 弹出式菜单 ion-action-sheet
- 弹出警告 ion-alert
- 弹出警告控制器 ion-alert-controller
- 命令行 CLI
- 原生API
