使用Ionic + Apache Cordova开发跨平台混合型的移动应用

JavaScript 写多了，要想真正提高js水平，研究其他js框架源码是不错的选择。Github上大部分都是js、css相关的项目，可以有目的性的 check out 下来，研读研读，还是非常收益的，跟随nb的人，也会慢慢变的nb。

场景：有一个朋友，他公司是做移动应用开发的，3个安卓开发人员，3个 ios，然后是 java 开发，美工 ，10多个人的公司，主要是以接项目为主，一个项目（电商、微信、聊天 类型的）大概在20万左右， 差不多1个半月 做完（代码质量能不能保证，不知道，不过我觉得开发是一件很严谨的事，要开发出高性能、高健壮性的程序，还是很难的），公司销售很给力，能谈下好几个项目。问题来了，要能同时进行好几个项目，就要招 移动开发的人，如果有时没接到项目，那 ，又会闲着。如果有些 客户 要 做 wp ，黑莓的 ，那就做不来了。于是迫切 想 找一些跨平台的 开发技术 来 解决问题？

这个场景是真实的，不是 yy，那么我们来玩玩 Ionic ，Apache Cordova 这些技术，这样我们就有更深入的 理解了。

我做过 一些 安卓的小东西，ios 没玩过；我是一个  web技术 狂热者，很看好web技术；我认为那些 android 、ios 等等  将会慢慢 被 web 技术 取代，浏览器 作为跨平台的中间件，将会成为主流。do not mind

尊重原创，转载请注明出去：http://blog.csdn.net/zoutongyuan/article/details/41910903

进入主题吧。

1、Ionic 是什么？

好吧，我们看 Ionic 能给我们提供什么?  一个样式库，你可以使用它 来 装饰你的 HTML 网页 ，看起来 想 移动程序的 界面，什么 header 、content、footer、grid、list。这貌似没什么 实质性的东西， sencha touch ，jq 都能提供 。

一个用 angularjs 写的 工具库，姑且叫它 组件库吧。Ionic的 grid 设计的比较合理，比 bootstrap的 更强大。

当然它 还包含 了angular-animate、angular-resource、angular-sanitize、angular-ui-router，适应移动平台的模块库。

2、Apache Cordova 是什么？

Apache Cordova 提供用 Javascript 访问 移动平台  的 API 。

其内部是用每个 平台下的  web view 组件，运行 程序，然后实现了 每个平台下的 一套 CordovaLib  供你写的程序调用，然后你就可以 调用 摄像头、磁盘等 重api。

接下来 动手玩玩。首先安装nodejs，和平台的 （ios || android）sdk，这里不在 累述 

1、先安装 cordova