Ionic是一個基於Angular的手機web app開發框架，它包含了一整套手機端的UI組件，和一系列的功能服務組件，能滿足大部分手機web應用的開發需求。Ionic提供了一個命令行的工具ionic-cli，可以通過選項來幫助創建不同版本項目腳手架。同時，我們在進行移動端開發時會結合Cordova來將它打包成手機應用。換句話說，Ionic提供了一整套完整的手機app開發的解決方案，從創建項目、開發、測試、打包、生成app都提供了完整的工具。是‘居家旅行’必備的好幫手。
什麼是Cordova？
Cordova是一個開源的移動開發框架。允許你用標準的web技術-HTML5,CSS3和JavaScript做跨平臺開發。 應用在每個平臺的具體執行被封裝了起來，並依靠符合標準的API綁定去訪問每個設備的功能，比如說：傳感器、數據、網絡狀態等。
如何安裝Ionic？
首先我們使用npm來進行安裝。打開終端，輸入以下命令
$npm install -g ionic安裝Cordova
$npm install -g cordova創建項目
$ionic start Tabs tabs 這裏ionic start 是根據項目腳手架創建一個項目，Tabs是我們項目的名字 tabs是腳手架的模板。Ionic提供了幾個模板可以讓我們快速開始。通過命令$ ionic start -l可以查看，例如tabs,blank,sidemenu等。
創建完成後,ionic 會在我們的項目中使用npm install下載依賴包，但是這個時候依賴包非常的大，而且使用npm可以說幾乎要麼慢死，要麼就是失敗。所以這裏手動ctrl + C停止它，然後進入我們的項目中，使用cnpm install來安裝依賴。
如果沒有安裝過淘寶的鏡像 那麼就先使用以下命令安裝
$ npm install -g cnpm --registry=https://registry.npm.taobao.org 安裝完成後 下載依賴。就可以在項目中找到node_modules.
運行項目
進入我們的項目根目錄下，執行命令
$ ionic serve第一次執行的時候，會提示我們
Looks like this is an Ionic Angular project, would you like to install @ionic/cli-plugin-ionic-angular and continue?
輸入yes 並回車。
然後 就可以在瀏覽器中打開http://localhost:8100/，我們的項目就在上面運行了。
我們通過$ionic serve 啓動了在web端的項目。但是往往我們需要用Ionic來創建iOS平臺和Android平臺的項目，那麼我們又該怎麼做呢？
以博主使用的MacPro爲例，來創建iOS平臺和Android平臺的環境。
首先我們先介紹iOS平臺。
我們知道iOS平臺只能通過Xcode來編寫代碼，相應的，如果我們要搭建iOS平臺的環境，就需要先安裝Xcode和iOS模擬器。
Xcode可以在蘋果商店進行下載，這個就不多說了。
如果要在Ionic中來啓動蘋果的模擬器或者真機調試，那麼就需要先在Ionic中安裝模擬器和真機調試
//真機運行環境
$sudo npm install -g ios-deploy
運行上面的命令 可能會出現錯誤，如果出現錯誤 就換用下面的命令來運行
$sudo npm install -g ios-deploy --unsafe-perm=true//安裝模擬器
$sudo npm install -g ios-sim現在 我們可以通過命令$ionic info 來查看對應的環境配置信息
配置好了iOS平臺的環境以後我們可以通過以下命令來爲我們的Ionic工程添加對應的platforms
$cordova platform add ios同樣，在運行了這條命令以後，可能會出現錯誤
或者
遇到上面的問題 對應的解決方法是採用以下命令
$cordova platform rm ios
$cordova platform add ios --nofetch
這樣就能在我們創建的項目中添加平臺成功了。
成功添加平臺以後 使用以下命令進行編譯和運行
$cordova build ios
$cordova run ios我們就會看到我們的項目跑在iOS的模擬器上咯。
搞定了我們的iOS平臺，接下來就是Android平臺。Android平臺配置有點麻煩，如果之前沒有用過Android原生開發的朋友來說，那麼從頭開始配置Android的環境就得費點功夫了。
不過沒關係，Kingsley會努力的把所有的步驟都介紹清楚。
首先，我們需要下載JDK和Android SDK
提供幾個下載地址
Android SDK:http://developer.android.com/sdk/index.html
JDK：http://www.oracle.com/technetwork/java/javase/downloads/index.html
你可以通過下載Android Studio來搭建環境，也可以單獨下載Android SDK 我這邊是單獨下載了Android SDK
下載安裝完成後，我們就需要爲它們配置應用環境
打開你的Terminal，如果你的終端使用的bash，那麼就在根目錄下使用命令
vim .bash_profilevim .zshrc
然後寫入 對應的配置 保存後 使用命令
source .bash_profile或者
source .zshrc博主這邊兩個文件都寫入了，萬一哪天抽風想換，省得麻煩
寫入的環境變量配置如下
寫入成功後，可以通過以下命令來驗證是否成功
$java -version
$adb可以看到如下信息，就說明成功了
你以爲現在就已經成功了麼，別天真了，還早着呢。
接下來，你要通過android 命令召喚圖形界面，進行下載對應的SDK包，哎 ，怎麼辣麼麻煩。耐心點，慢慢來
終端輸入命令 $android 召喚
把需要的都勾上。這期間下載時間很長，夠你等的。
下載成功後。
返回我們的項目下，通過之前一樣的命令，添加Android平臺
$cordova platform add android --nofetch添加平臺後，執行
$cordova build android這期間，問題可就又來了咯。可能需要你安裝Gradle。你可以通過homebrew 來安裝
$brew install gradle安裝成功後
執行以下命令運行
$cordova run android結果，又錯了。
這是因爲我們沒有添加對應的模擬器機子
終端輸入命令
$android avd然後創建對應的安卓機子
再次運行$ cordova run android
模擬器打不開。這又是什麼鬼，別急。有辦法解救
打開我們Android SDK的解壓目錄
噢，原來有安裝噢，接下來，在終端輸入命令 需要最高權限
$sudo 目錄/silent_install.sh
這樣就裝好了。
最後再重新運行，就成功了。
