Hybird HTML5 App(移動應用開發)之4.Ionic模版的使用
在Windows系統下使用Ionic模版，可以使用之前安裝的Git工具中的Git Bash。在Mac系統中可以直接使用系統自帶的命令工具。在Windows系統中安裝Git后，從開始菜單中找到Git文件下的 Git Bash工具，並打開。下面通過命令來創建App。
cd e:/work/Ionic
通過cd命令進入自定義的項目位置
ionic start defaultApp tabs
通過ionic命令生成一個以tabs為模版的App，其中defaultApp是App的項目名，tabs是Ionic的默認模板名，即使不輸入tabs，創建的App仍然是基於tabs的項目。
cd e:/work/Ionic/defaultApp
ionic serve
進入App項目的根目錄，輸入ionic serve命令來運行應用程序，瀏覽器會自動打開並預覽tabs模版的App。瀏覽器預覽的效果如下：
退出啟動的應用程序：
在Git Bash中輸入q ，就可以退出已經啟動的應用程序。
其實，通過命令我們還可以使用其他的Ionic模版，比如：
1、 ionic start blankApp blank。創建包含標題欄的App
2、 ionic start sideApp sidemenu。創建包含側邊欄的App
應用程序主視圖。
打開應用程序的側邊欄。
在GitHub上有很多模版的類型，查考鏈接：https://github.com/driftyco/ionic-cli
可以發現。Named template、Github Repo和Codepen是比較常用的類型。前面使用的tabs、sidemenu和blank屬於Named template。 而且Named template還會隨時間推移，逐漸增加。你可以根據這些模版的名字，把模版下載到本地。
下面為你介紹另外一種下載Ionic模版的方法。
打開鏈接：http://codepen.io/ionic/pens/public/， 
在網站中，可以看到很多Ionic模版，點擊一個模版進入，效果圖如下：
復制瀏覽器的鏈接，可以使用該鏈接把模版下載到本地。下載的命令如下：
ionic start navApp http://codepen.io/ionic/pen/QwamEW
下載到本地后，就可以在瀏覽器中查看應用程序的效果了。如下圖：
了解如何下載Ionic模版后，那么這些模版在Android和iOS上顯示的效果是什么的呢？下面我來看一下：
以defaultApp項目為例，使cd命令進入該項目的根目錄，然后在使用命令：ionic serve –l
就可以查看應用程序在Android和iOS設備中的效果，如下：
可以看到，瀏覽器以一種不同的有趣的方式打開了App。展示了iOS和Android兩種不同設備上的App的呈現視圖。兩者的不同之處可以很明顯的看出：iOS的菜單在頁面的底部，而Android的菜單位於頁面的頂部。在真實的移動設備上，它們各自的App也會有這樣不同的呈現。不同的頁面和不同的模板App，瀏覽器呈現都可能會有不同，Ionic會為我們處理這些不同。以默認模版為例，你可以使用特殊的配置，可以兩個平台的菜單位置保持一致。在后續的內容中會涉及到這個部分內容。好了，今天就寫這么多。明天繼續！詳細內容可點擊鏈接進入雲盤查看。