Ionic的运用程序创建开拓紧张通过Ionic命令行实用工具(“CLI—命令行界面”),并利用cordova构建和支配本地运用。
建立Ionic项目,您须要安装最新版本的CLI和cordova。
在你这样做之前,你须要一个node.js的最新版本。
这些在我之前的文章有安装教程。

官网地址:

http://ionicframework.com/

html5可移动悬浮按钮HTML5 APP开辟接近原素性能的HTML5移动运用开辟框架Ionic Docker
(图片来自网络侵删)

版本更新解释:

https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md

学习ionic须要理解的知识:

HTML5

CSS3

TypeScript(JavaScript)

Angular2+

下面是一些组件的示例,不同系统有不同的样式,下面展示iOS上的。

动作表单-Action Sheets

韶光选择器-DateTime

浮动的按钮-Floating Action Buttons

分割按钮-Segment

Inputs-输入框

表格布局-Grid

小芯片-Chip

弹窗对话框1-Alert

弹窗对话框2-Popover

想要查看更多的ionic组件示例,可以在App Store和Google Play下载Ionic2Components运用,该APP即为官方所有组件的展示。

组件在线演示地址:

http://ionicframework.com/docs/api/

组件只能浸染在用户与界面交互上,想要调用原生设备功能就须要cordova,他供应了一组设备干系的API,通过这组API,移动运用能够以JavaScript访问原生的设备功能,如摄像头、麦克风、GPS等。
在运用商店下载Ionic Native即可体验部分插件。

离子原生包装插件:

http://ionicframework.com/docs/native/

通过以上组件合营利用,纵然只懂css3一点皮毛也能做出一个俊秀大略的HTML5 APP,想要理解更多ionic,可以关注我或者在官网查看最新。