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