目前移動端分為三大主流：純原生、混合開發、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 下班了。。。