webapp开发学习--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。
 
步骤如下:
webapp开发学习--Ionic+Cordova 环境搭建
   从第7步开始:
webapp开发学习--Ionic+Cordova 环境搭建

运行之后 ,在文件夹中生成:

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

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

在浏览器运行如下:

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

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

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

platforms:

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

plugins:

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

上一篇:javascript面向对象学习笔记——创建对象(转)


下一篇:八皇后,回溯与递归(Python实现)