Ionic简介和环境安装

什么是Ionic

 Ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

 Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。使用Node.Js 进行了模块管理，绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap/Codeova的编译平台，可以实现编译成各个平台的应用程序。

Ionic支持的平台

Ionic1.0的版本中，支持的平台为Android4.1+和ios7+。
Ionic2.0Beta版本中，添加了对通用应用程序（Windows平台）的支持，同时也支持BlackBerry10App。

Ionic的特点

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

 

开始使用

1. 安装NodeJs
2. 命令行安装Ionic 
   $ npm install -g cordova ionic 
   如果是安装ionic2就运行如下命令,本文使用Ionic2 
   $ npm install -g cordova ionic@beta
3. 新建一个项目 
   $ ionic start demo tabs
4. 运行项目 
   $ cd demo
$ ionic platform add android
$ ionic build android
$ ionic emulate android
$ ionic emulate android (模拟器运行)
$ ionic run android (连接上手机运行)
5. 在浏览器中运行 
   $ ionic serve(localhost) 
   $ ionic serve --address 192.168.xxx.xxx(使用指定IP地址来启动serve，这样方便用手机来预览。)

 

Ionic相关站点资源

Ionic官方地址 
Ionic官方博客 
Ionic中文网 
Ionicons免费的开源的字体图标 
Ionic生态圈一个属于开发者的市场

 

版权声明：本文为博主原创文章，未经博主允许不得转载。