上次寫了一篇關於Ionic3的文章，但是對於從來沒有接觸過Ionic的開發者來說，可能不是太友好。為了讓更多的人瞭解這個非常好的混合應用開發框架，今天這篇文章主要介紹如何從零用最快的時間做一個Ionic APP。
一）為什麼是Ionic？
如果你以前從來沒有接觸過移動開發，但是現在想做一個APP，那麼Ionic將是你的首選。
雖然React Native也是現在很好的混合開發框架，但是我認為React Native更適合有原生應用開發經驗的人，更適合規模較大型的APP，更適合對效能要求極高的APP，反過來，如果你的需要是上面這樣的APP，那麼Ionic可能就不是你的首選了。React Native開發成本比Ionic高了很多。
至於除了React Native和Ionic之外的其他框架，暫時不用考慮了。
使用Ionic，你不需要有任何原生開發經驗，而且Ionic提供了使用起來很簡單的元件，最接近原生的UI，非常漂亮，還有基於Cordova的強大的原生外掛（攝像頭，通訊錄，等等），基於Angular的豐富生態系統的庫，所有Angular相關的github專案都可以在Ionic中使用。
總結起來可以用三個詞語描述Ionic：簡單，漂亮，快。
搭建一個Ionic app非常的簡單，Ionic 已經把所有的專案結構幫你搭建好了，甚至程式碼檔案目錄也已經做好了，如果你已經搭建好了所需要的開發環境，並且對Angular已經比較熟悉，那麼定製你的APP將變得前所未有的簡單。

二）什麼是Ionic？
Ionic是基於Cordova的使用Web技術開發混合應用的前臺基於Angular的框架，Ionic1使用的是Angular1，Ionic2之後使用的都是Angular2技術棧，Ionic以後更多的新版本也都是在2的版本上迭代。Ionic2之後只支援android4.3以上的版本。
Ionic官方網站

三）搭建Ionic應用
1)安裝Node

2)執行npm install -g cordova ionic，這個命令用來安裝Ionic CLI，用來使用Ionic終端命令。

常用的命令有：

3)進入電腦的某個檔案目錄，執行 ionic start MyIonicProject tutorial –v2

1. tabs : 底部3個tab模板
2. sidemenu：側邊欄選單模板
3. blank：空模板
4. super：帶有十幾個頁面（比如登陸，谷歌地圖，列表）的一個專案模板
5. tutorial：專案目錄比較完整的引導模板
6. –v2：Ionic2專案，如果你想使用Angular1，–v1即可。本文預設都是Ionic2及以後的版本。

這個過程需要等待，因為會安裝package.json裡的所有引用的包。如果你使用的是super模板，start成功之後開啟專案，可以看到這樣的結構：

• plugins目錄是安裝的cordova外掛，cordova外掛是使用原生元件的方式，預設的會裝幾個必須使用的，以後我們使用命令列（比如 ionic cordova plugin add cordova-plugin-camera）安裝的外掛會自動放到這個目錄裡。
• resources是存放我們的專案經過cordova編譯之後的android和ios的一切資源的，比如原始碼，app的icon，資源圖片等等，這裡會生成原生的android或者ios專案，比如以後生成的apk檔案也是放在這裡android目錄下面。
• src是我們的專案程式碼目錄，我們將在這裡編寫我們的APP。如果你對這裡的程式碼結構感到陌生，你需要先花點時間瞭解Angular
• www是我們的專案作為angular專案編譯之後生成的檔案。

4）執行 ionic serve 可以在瀏覽器檢視效果

這樣我們的ionic專案就搭建完成了。