搭建環境 安裝教程
ionic簡介

為什麼選用ionic:
徹底開源且免費
效能優異
基於紅的發紫的AngularJs
漂亮的UI
強大的命令列(基於更熱門的nodejs)
開發團隊非常活躍。
ngCordova，將主流的Cordova API或者Cordova外掛封裝為AngularJS擴充套件，使用非常方便。
開源免費的webfont icon庫ionicons,基本滿足你icon需求。
本篇主要講解windows平臺搭建編譯APK MacOS搭建編譯IPK看這裡
必備:
Node.js (npm安裝工具) 百度下載 官網下載 注:如果官網新版不能安裝請用百度下載0.12.7版
jdk (android編譯依賴) 百度下載 官網下載
android (ADK編譯) 百度下載 官網下載 (建議迅雷)
開發工具建議Sublime + ionic小助手
選件:
phonegap (移動端預覽) 百度下載 phonegap.apk國內下載 phonegap.ipk蘋果下載 phonegap.exe官網下載
Git(bower) 百度下載 官網下載
jre(git需要) 百度下載 官網下載
選件的介紹和安裝請看另一篇帖子傳送門
大致步驟（注意安裝順序）：安裝node.js - 安裝jdk - 安裝android(adk) - 命令安裝ionic - 建立專案 - 編譯專案apk

注意事項:
百度下載的可能為舊版,但保證可以安裝，想裝新版的請官網下載。
安裝ngCordova需要安裝bower(Git和jre)不值得 推薦使用ionic小助手，小助手會自動下載安裝ngCordova。
建議所有程式管理員執行包括cmd androidsdk避免莫名的問題如sdk打不開cmd某些命令不能執行。

1.安裝node.js
沒什麼好說的一路next選好路徑（避免中文目錄，這東西驕著呢我連空格都沒寫）
點選檢視原圖

安裝後cmd執行node -v看到版本就是安裝成功了（無需設定path）
點選檢視原圖

其實現在我們就可以安裝ionic了，但是我們要編譯apk才能看到效果所以需要裝sdk （這裡注意順序先裝sdk再裝ionic）

2.安裝JDK(androidSDK需要)
仍然沒什麼好說的java的jdk一路next
點選檢視原圖

安裝後cmd執行java -version看到版本就是安裝成功了（無需設定path）
點選檢視原圖

3.安裝androidSDK
選好路徑一路next
點選檢視原圖

現在是不能檢查androidsdk的 需要設定環境變數
點選檢視原圖

我的電腦 - 右鍵屬性 - 高階系統設定 - 環境變數
新建變數名 變數值
ANDROID_HOME D:\ionic\androidsdk(你sdk的路徑)
然後在path裡新增(注意前面的分號)
;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools

現在執行android -h看到一堆命令就是安裝設定成功了
點選檢視原圖

注意:執行androidsdk目錄下的SDK Manager.exe就能開啟工具包 如果遇到打不開的情況要用管理員執行!!!
點選檢視原圖

我們接著配置AndroidSDK 大家知道國內無法訪問google列表是空的所以需要新增映象
選擇Tools - Options 開啟設定介面
點選檢視原圖

填入mirrors.neusoft.edu.cn 80並且勾選 Force https://... sources to be fetched using http://...單擊Close關閉
點選檢視原圖

然後依次選擇Packages - Reload 這回有了吧
這裡千萬注意只需要勾選3個Android SDK Platform-tools、Android SDK Build-tools、API23下的SDK Platform (編譯的時候會提示你需要的api版本，目前是API23)
如果你勾選了其它的，可能要下載2、30G的東西。像我這樣選只需要下載200M
點選檢視原圖

接受 - 安裝
點選檢視原圖

安裝完的列表像我這樣子就可以了注意:新版ionic裝23就好,如果你遇到錯誤就把API 22的platform也勾上
點選檢視原圖

安裝前283M
點選檢視原圖

4.安裝ionic cordova

現在開始用node（npm）安裝ionic 只需要幾條命令
開啟cmd（建議管理員執行）npm經常無法訪問 我們先對映到淘寶的伺服器
npm install -g cnpm --registry=https://registry.npm.taobao.org
點選檢視原圖

然後我們就可以用cnpm命令安裝了
cnpm install -g cordova ionic（安裝 cordova ionic）
點選檢視原圖

安裝完成後執行ionic -v可以看到版本

點選檢視原圖

現在我們建立個專案看看
ionic start myApp tabs（建立過程y/n詢問是否開啟官網n即可）
點選檢視原圖

可以看到我們建立的專案資料夾
點選檢視原圖

現在我們可以執行ionic server預覽下專案

點選檢視原圖

編譯需要新增platform平臺
ionic platform add android（新增平臺ionic platform remove android移除平臺 平臺大概20M遷移專案時候需要刪掉）
點選檢視原圖

ionic build android（第一次編譯要下載gradle-2.2.1-all.zip和一堆jar 如果gradle-2.2.1-all.zip下載太慢換個時間段再嘗試）

三個模版APK檔案百度下載

常用命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org（npm映象源指向淘寶）
cnpm install -g cordova ionic（安裝cordova ionic）
cnpm update -g cordova ionic（更新cordova ionic）
ionic -help（檢視幫助）
ionic -v（檢視版本）

ionic start myApp blank（空專案）
ionic start myApp tabs（帶導航條）
ionic start myApp sidemenu（帶側滑選單）

ionic platform add android（新增android平臺）
ionic platform remove android（移除android平臺）
ionic build android（編譯專案apk）ionic emulate android（執行專案apk 手機連線在手機執行 模擬器連線在模擬器執行）
ionic run android （相當於build + emulate）
ionic serve （開啟服務除錯）

ionic build ios（編譯專案ipk）ionic emulate ios（執行專案ipk）