目前移动端分为三大主流：纯原生、混合开发、web App，随着手机硬件的升级，公司们似乎偏好于web页面开发，而混合开发相对纯web App似乎更受大公司青睐，所谓混合开发俾人理解为，原生代码（iOS：OC，Android：java）+ web。OK搞清楚了公司需求的大方向，下面就要确定到底用什么框架来开发web页面，开发web页面，目前最火的也就是ionic 和 react native 了吧，这两者要怎么抉择呢？
下面有他们的优劣的对比：
经过你多方考究：如果最终选择React Native 那么请君留步，专看其他技术文章。。。。
如果是决定ionic开发，那么咱们就一起愉快的来往下玩耍，
废话不多说，开始搞起。。。。再说一句废话：我使用的是Mac
1、配置开发环境
2、创建项目完成
创建完成
查看自己所创建项目文件：
项目目录
补充：config.xml 是ionic项目的一些配置文件，后期自定义插件时需要跟他打交道，这里就不多说了。。。
插件文件夹：
插件
下面主要说下我们主要用到的www文件夹：
www文件
文件说明：
css:存放html中控件的style样式：例如：width、 height、color、font-size
img: 顾名思义存放ionic项目中用到的图片
index.html ionic项目的主通道
js: 存放js代码块
lib: 存放ionic本身的库文件，当然你也可以添加一些其他库，比如一些cordova库
templates: 自己手动创建的文件夹，存放一些html文件
其他两个.json .js文件是一些配置文件，不用管，也不要动
下面说下怎样将做 混合开发 以iOS为例，在原有原生的基础上，怎样将你的ionic代码放到你的项目中，将圈住的文件放到iOS项目中：
iOS项目中必备文件
我项目中的效果：
实际项目中效果
既然是混合，肯定避免不了web 与 原生的交互，相互之间的传值可以通过自定义插件，也可以通过桥接，个人对比下，写桥接比较好方便，自己摸打滚爬了两个月，感觉这里面的坑还是很多的。。。
今天先到这里吧，有时间了会把我碰到坑的解决方法，给大家共享出来，避免你们再走同样的弯路，ionic网上的资料不太多，特别是针对混合开发的，有问题大家可以留言讨论，OK 下班了。。。