Ionic 混合开发入门教程（一）简介与环境搭建

简介

Ionic Framework是一个开源的UI工具包，用Web技术（HTML，CSS和JavaScript）构建高性能的高质量移动和桌面应用程序。

Ionic Framework

Ionic Framework专注于前端用户体验，或应用程序的UI交互（控件，交互，手势，动画）。它易于学习，并与其他库或框架（如Angular）很好地集成，或者可以独立使用而无需使用简单脚本包含的前端框架。

Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来，并依靠符合标准的API绑定去访问每个设备的功能，比如说：传感器、数据、网络状态等。

Cordova通过Webview将前端展示出来，通过插件实现前端代码与原生的交互。详见下方架构图。

架构图

cordova架构图

更新情况

目前，Ionic Framework的Angular版本已更新到4.5.0，Vue版本更新到0.0.4，React版本更新到0.0.6-3。Angular版本经过几十个版本的迭代，已十分稳定，可用于生产环境。

Cordova 目前已更新到9.0版本，插件库随着社区的发展也越来越丰富，能够满足广大开发人员的需求。

浏览器支持

Android： 4.4+ ,版本覆盖率：95% (数据来自友盟)

IOS: 10+，版本覆盖率：99%（数据来自Apple）

开发环境

安装NodeJS,前往官网下载，根据不同平台，下载对应安装包。

安装Ionic

npm install -g ionic
# 检查安装
ionic -v

安装Cordova

npm install -g cordova
# 检查安装
cordova -v

好了，关于ionic混合开发的简介就先到这，后面将介绍如何通过ionic-cli创建项目。

欢迎大家评论，随手点个赞或者关注就更好啦，谢谢~