ionic简介

ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验。
随着移动智能技术的发展,越来越多的新技术不断地涌现出来。ionic是基于Web技术应用HTML5、CSS3和 JavaScript技术进行智能设备APP开发的框架,具有很好的跨平台性能,被称为 Hybird App框架,即混合模式的移动APP开发框架。ionic聚焦于感官和应用的Ui交互,它不是 Phone Gap或 Cordova的替代品,ionic只是在前端大幅度简化了APP开发。为了发挥ionic的完美功能,需要 AngularJS的配合,虽然可以继续使用 AngularJS的CSS内容,但会失去ionic提供的强大的交互、手势、动画等支持,因此在使用ionic时应避免使用其他CSS内容。ionic的最终目的是让基于HTML5开发本地智能设备APP的工作更加容易,这种APP被称为混合APP。需要注意的是,ionic聚集移动本地化APP开发而不是基于移动设备的Web应用或移动网站开发。ionic默认的界面类似ios系统,但不是对ios系统的复制,在开发中不要忘记使用ionicons字体包,还需要注意ionic所针对的移动平台是新版本系统,对于过去的旧版本系统 ionic不予支持。 
ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap(Cordova)的编译平台,可以实现编译成各个平台的应用程序。
  • ionic的开发添加android和ios环境。
  • ionic提供很多css组件和javascript Ui库。
  • ionic可以支持定制android和ios的插件,也支持服务端REST的敏捷开发。

ionic特点

ionic是一个CSS和JavaScript Ui库。其主要特点如下。
1.具有原生APP的卓越运行性能
ionic的目的是开发移动APP,因此,它仅考虑了新的移动端的浏览器兼容,并不一定兼容PC机上的浏览器。其在性能上可与原生APP媲美。ionic专注于原生APP开发。
2.可维护性高
ionic采用AngularJS的设计思路,因此在应用维护、简单性上继承了AngularJS的优势。
3.漂亮的Ui设计
ionic中的Ui完全为移动APP定制,简单、简洁、实用是其最大的特点,它在Ui设计上贯穿了非常多的移动组件、结构规范。其主题不仅华丽且具有很强的可扩展性。
4.轻量级框架
ionic基于AngularJS框架,但仅针对移动APP开发,遵循JavaStript的MVVM模式。
5.具有强大的命令行工具
ionic提供了命令行工具,可帮助开发者开发、调试、运行APP,可轻松地将APP部署到任何移动应用平台。
6.与AngularJS完美结合
lonic完全就是AngularJS在移动设备上的解决方案,其开发遵循AngularJS的思路,只要会AngularJS,ionic即可上手。

ionic优势

1.ionic 基于Angular语法。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架,支持 Angularjs 的特性, MVVM ,代码易维护。
4.ionic 提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 Ui 组件来帮助开发者开发强大的应用。
5.ionic 专注原生,让你看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。
7.ionic 性能优越,运行速度快。

ionic安装

首先您需要安装Node.js,我们在接下来的安装中需要使用到其 NPM 工具,更多 NPM 介绍可以查看我们的NPM 使用介绍。
然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android和iOS官方文档来安装。
Window 和 Linux 上打开命令行工具执行以下命令:
$ npm install -g cordova ionic

Mac 系统上使用以下命令:
sudo npm install -g cordova ionic

提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。
如果你已经安装了以上环境,可以执行以下命令来更新版本:
npm update -g cordova ionic
sudo npm update -g cordova ionic

ionic相关

ionic 官方网站:http://ionicframework.com/
ionic 官方文档:http://ionicframework.com/docs/
Github下载地址:https://github.com/driftyco/ionic