Ionic简介和环境安装

hongblue

什么是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的特点

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

开始使用

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

Ionic相关站点资源
　　Ionic官方地址
Ionic官方博客
Ionic中文网
Ionicons免费的开源的字体图标
Ionic生态圈一个属于开发者的市场
　　版权声明：本文为博主原创文章，未经博主允许不得转载。