前言

ionic目前有兩個版本，相對應angularJs。第一版本最終版為1.3.2。由於angularJs2還未普及，本教程主要採用1.3.2來開發。

嚴格劃分，ionic為一個完整的HTML5 SDK，擁有開發app的全套整合能力，其中包括cordova、angularJs以及ionic提供的前端框架ionic-ui。所以允許只使用ionic的ui部分，也允許在ionic框架中不使用ionic的ui，但這都不是最好的主意，so。

1. 官網api

學習前端這些新東西不看官網api都是瞎扯淡，畢竟沒有更好的途徑去簡單完整的瞭解它們，你說看原始碼？那麼你怎麼還會花時間觀看入門教程。

CSS Components為ionic提供的css框架部分，Javascript為ionic整合angulaJs的Javascript UI庫部分，在app開發環節我們主要採用Javascript UI，只在其實現需求較困難時，採用css框架方案或者原生html來具體到細節。官網還有一個字型圖示庫，需要時可以使用。前端開發中所謂圖示，都是儘可能的採用向量字型的方案，畢竟一堆圖片對應用的執行速度沒有任何幫助，尤其是需要網路載入它們的時候。這裡推薦阿里巴巴向量字型庫，具體使用方法可以參考本人部落格 HTML和CSS你可能不知道的技巧 。

2. ionic種子專案

前一節課教導大家快速建立一個第二版ionic教學工程，本節課迴歸到第一版。
所謂種子專案，是官網或者第三方提供以方便開發人員快速搭好框架的基礎專案。你肯定也不會願意從零開始自己去一步一步整合ionic、angularJs和cordova，當然，即便願意也沒人這樣教導你。從種子專案中作啟發學習如何整合也是不錯的選擇。
官網提供了以下幾個種子專案，更多的請自己搜尋。

//建立一個空專案
ionic start myapp blank

//建立一個tabs專案
ionic start myapp tabs

//建立一個側滑選單專案
ionic start myapp sidemenu

可以自己試著玩玩，當然，更強大的是ionic的種子市場，有大量案例專案提供參考，例如谷歌map整合方案、socket-io方案。

3. IDE

不管之前的習慣如何，都盡力推薦大家使用webstorm，我們既然有選擇的權利，就應當去擇取最好的。