（一）IONIC介紹：
Ionic是基于Cordova的使用Web技術開發混合應用的前台基于Angular的架構，Ionic1使用的是Angular1，Ionic2之後使用的都是Angular2技術棧，Ionic以後更多的新版本也都是在2的版本上疊代。Ionic2之後隻支援android4.3以上的版本。
注：該文章隻介紹搭建app的整體流程，具體頁面開發使用到 一些技術（例如angular和ionic的使用問題，本文章蓋不做介紹，此項請具體檢視angular和ionic的官網）；
（二）Angular主要有五個核心特性：
雙向資料綁定—— 實作了把model與view完全綁定在一起，model變化，view也變化，反之亦然。
模闆—— 在AngularJS中，模闆相當于HTML檔案被浏覽器解析到DOM中，AngularJS周遊這些DOM，也就是說AuguarJS把模闆當做DOM來操作，去生成一些指令來完成對view的資料綁定。
MVVM—— 吸收了傳統的MVC設計模式針但又并不執行傳統意義上的MVC，更接近于MVVM(Moodel-View-ViewModel)。
依賴注入—— AngularJS擁有内建的依賴注入子系統，可以幫助開發人員更容易的開發，了解和測試應用。
指令—— 可以用來建立自定義的标簽，也可以用來裝飾元素或者操作DOM屬性
ionic主要包括三個部分：
CSS架構- 提供原生_App質感的CSS樣式模拟_。ionic這部分的實作使用了ionicons圖示樣式庫。
JavaScript架構- ionic基于AngularJS基礎架構開發，遵循AngularJS的架構限制；主要提供了适應移動端UI的 AngularJS的擴充，主要包括指令和服務。此外，ionic使用AngularUI Router來實作前端路由。
指令行/CLI- 指令行工具集用來簡化應用的開發、構造和仿真運作。ionic指令行工具使用了 Cordova，依賴于平台SDK（Android & iOS）實作将移動web項目打包成原生app。
由于ionic使用了HTML5和CSS3的一些新規範，是以要求iOS7+/Android4.1+。 在低于這些版本的手機上使用ionic開發的應用，有時會發生莫名其妙的問題。
(三)搭建Ionic應用
1）安裝node.js npm
2）安裝Ionic CLI、cordova；
npm install -g cordova ionic
3)通過Ionic建立一個項目
使用Ionic 官方提供的現有應用程式模拟，或一個空白的項目建立一個IONIC應用；
進入電腦的某個檔案夾，打開指令行：ionic start MyProject tutorial
start 代表建立一個IONIC應用；Myproject 是項目名稱；tutorial 是應用模闆；
Ionic内部還有一些其他的模闆：
1、tabs:底部三個tabs模闆；
2、sidemenu：側邊欄菜單模闆；
3、blank：空白模闆；
4、super：帶有十幾個頁面的模闆（比如登入、清單、谷歌地圖等）；
5、tutorial:項目目錄比較完整的引導模闆；
這個需要等待。。成功之後生成一個檔案夾：
如果失敗出現這個錯誤：ionic Error:read ECONNRESET
原因：ionic版本導緻
解決方法一：
回退ionic版本為3.9.2就可以了，至于其他的版本還沒測試過：
npm install -g [email protected]
就可以了，成功後如圖：
方法二：簡單粗暴，不用ionic指令，直接到ionic的github下載下傳開源包。如建立一個"tabs" app;
(1) 打開ionic-team
（2）搜尋“base”，下載下傳“ionic2-app-base” ,該檔案夾包含了ionic項目需要配置的檔案；
（3）
再去搜尋 “tabs”，下載下傳 “ionic2-starter-tabs”（注：這是使用的是 ionic2，如果使用 ionic1 的，請下載下傳 “ionic-” 為字首的），檔案夾隻包含 src 和 www 兩個檔案夾，其中 src 實作 tabs 類型的邏輯 ，src 也是平常開發過程中最熟悉的部分
（4） 上述檔案下載下傳好，把 “ionic2-starter-tabs” src 中的 app 和 pages 這個兩個檔案夾複制到 “ionic2-app-base” 的 src 中。最後，“ionic2-app-base” 就是一個完整的 tabs app 項目了，安裝依賴即可運作項目，建立其他類型的 app 項目也可以這樣操作。