Android开发学习--Ionic+Cordova 环境搭建

知识养成了思想,思想同时又在融化知识。这篇文章主要讲述Android开发学习--Ionic+Cordova 环境搭建相关的知识,希望能为你提供帮助。
我们看  Ionic 能给我们提供什么? 一个样式库,你可以使用它来装饰你的html网页 ,看起来 想 移动程序的界面,什么header 、content、footer、grid、list。这貌似没什么实质性的东西,sencha touch ,jq 都能提供 。一个用 AngularJS 写的工具库,姑且叫它 组件库吧。Ionic的 grid 设计的比较合理,比 bootstrap的 更强大。当然它还包含 了angular-animate、angular-resource、angular-sanitize、angular-ui-router,适应移动平台的模块库。 Apache Cordova 提供用 javascript 访问 移动平台   的 API 。其内部是用每个平台下的 web view组件,运行程序,然后实现了每个平台下的 一套  CordovaLib   供你写的程序调用,然后你就可以调用 摄像头、磁盘等的api。   步骤如下:

Android开发学习--Ionic+Cordova 环境搭建

文章图片
      从第7步开始:
Android开发学习--Ionic+Cordova 环境搭建

文章图片
运行之后 ,在文件夹中生成:
Android开发学习--Ionic+Cordova 环境搭建

文章图片

【Android开发学习--Ionic+Cordova 环境搭建】
Android开发学习--Ionic+Cordova 环境搭建

文章图片

在浏览器运行如下:
Android开发学习--Ionic+Cordova 环境搭建

文章图片

Android开发学习--Ionic+Cordova 环境搭建

文章图片

Android开发学习--Ionic+Cordova 环境搭建

文章图片

platforms:
Android开发学习--Ionic+Cordova 环境搭建

文章图片

plugins:
Android开发学习--Ionic+Cordova 环境搭建

文章图片

 
 
 
 
 

    推荐阅读