本文出自 我的 github
Ionic 概述
Ionic 官網：http://www.ionicframework.com/
Ionic 是一個強大的 HTML5 SDK，它使用 HTML、CSS、Javascript 等 web 技術幫助你快速構建原生風格的移動應用
Ionic 目前能支持 iOS 和 Android
與 Cordova 的關系
Ionic 是基于 Cordova 的，在 Cordova 上能用的一切同樣可以在 Ionic 上使用
Ionic 在 Cordova 基礎上增加了 Ionic UI、AngularJS、一個強大的 CLI 工具和一些云端服務等
安裝 Ionic
Ionic 的開發環境離不開下列組件：
- Node.js
- Cordova & Ionic CLI
- Java SDK
- Android SDK
安裝 Node.js
前往 Node.js 官網下載 Node.js 安裝包直接安裝，建議下載 LTS 版本，筆者安裝的是 v4.4.5 LTS
安裝的過程中默認勾選的“Add to PATH”選項不要取消
安裝完成后打開終端，輸入“node -v”命令，能正常現實版本號說明安裝成功
安裝 cnpm (可選)
npm 是 Node.js 的包管理器，由于我大天朝網絡環境的原因，在使用 npm 的時候經常無法安裝包或者下載很慢
于是我們需要一個 npm 的中國鏡像，cnpm 是淘寶的 npm 鏡像，10分鐘同步一次
以管理員身份打開終端，輸入“npm i cnpm -g”命令，等待安裝完成
安裝完成后，輸入“cnpm -v”命令，能正常顯示版本號說明安裝成功
安裝 Cordova & Ionic CLI
以管理員身份打開終端，輸入“npm i cordova ionic -g”命令，等待安裝完成
如果安裝了 cnpm，可以使用“cnpm i cordova ionic -g”命令
安裝完成后，輸入“cordova -v”命令和“ionic -v”命令，能正常現實版本號說明安裝成功
安裝 Java SDK (jdk)
前往 Oracle 官網下載最新的 jdk 安裝，我下載的是 jdk 8u91 windows x86 的版本
由于很多依賴 Java 的項目都不支持64位的 jdk，所以建議大家下載安裝 x86 版本
安裝過程中可以只安裝 jdk，不安裝 jre 和源代碼
為 jdk 設置系統環境變量
打開系統屬性，在“高級”選項卡中找到環境變量，單擊打開“環境變量”設置窗口
在“系統變量”列表中新建一個系統變量“JAVA_HOME”，值為剛才安裝的 jdk 的路徑
在“系統變量”列表中找到“Path”變量，雙擊打開“編輯系統變量”窗口
將 jdk 的 bin 路徑添加至“變量值”末尾并保存
安裝完成后打開終端，輸入“java -version”命令，能正常現實版本號說明安裝成功
安裝 Android SDK
前往 Android 官網 下載最新的 Android SDK 安裝，目前最新的版本是 r24.4.1，我下載的是 zip 版本
下載完后解壓到“C:\Program Files(x86)\Android\”目錄下
為 Android SDK 設置系統環境變量
在“系統變量”列表中新建一個系統變量“ADT_HOME”，值為剛才安裝的 Android SDK 的路徑
在“系統變量”列表中找到“Path”變量，雙擊打開“編輯系統變量”窗口
將 Android SDK 的 tools 和 platform-tools 路徑添加至“變量值”末尾并保存
設置完成后打開終端，輸入“android”命令，能打開 Android SDK Manager 窗口說明安裝成功
使用 Android SDK Manager 安裝所需組件
Android SDK 各版本的 SDK Platform 和 Tools 并沒有內置在 Android SDK 中，所有我們要通過 Android SDK Manager 來安裝
打開 Android SDK Manager 后，選擇要安裝的組件
由于我一般是用真實 Android 設備來開發，所以我只選擇了 Android SDK Tools、Android SDK Platform-tools、Android SDK Build-tools、Android Support Repository、Google USB Driver，以及Android API 19-24 的 SDK Platform
如果要使用 Android 內置的虛擬機來運行 App 的話，還需要下載對應版本的 System Image，這里我們不再贅述
點擊 Install 按鈕，等待安裝完成
到此，Ionic 開發環境已安裝完畢！
測試環境
安裝完開發環境后，我們通過一個 Demo 來測試一下環境
打開終端，創建一個項目
等待創建完成，添加 android platform
添加完成后，將 Android 手機通過 USB 線連接至電腦，然后在手機上運行項目
運行成功！
手機上的運行截圖
測試結果表明環境安裝成功！
可能存在的問題
- 找不到 Android 設備
筆者用的是一臺三星S4的測試機，在測試中遇到過找不到 Android 設備的問題，然后打開電腦上的豌豆莢，重新連接手機至電腦并授權電腦進行 USB 調試，最終問題得到解決
結語
本文寫給 Ionic 入門開發者，有開發經驗者可以略過
如在安裝過程中遇到問題，請在文章下方留言，我在收到留言后會及時答復您
