?1. 什么是ionic

Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果，盡管通常組件不需要編碼，通過框架擴展可以很容易地使用，比如我們的AngularIonic擴展。

Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然后視圖控制器“驅動”內部視圖來提供交互和UI功能。一個很好的例子就是標簽欄（Tab Bar）視圖控制器處理點擊標簽欄在一系列可視化面板間切換。Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。

閑話少敘，直接開始我們的學習之路

2. 開發環境的配置

2.1. Java環境

AndroidADT需要，通過網絡下載最新的javaJDK，并且配置環境變量。(環境變量的配置在網上有很多教程，這里就不跟大家一一贅述，可以自行百度，也可以查看這個網址)

http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html

2.2. C++環境

Node需要

需要安裝最新vs，我這里的話安裝的是vs2016，切記要把C++環境勾選上，安裝過程異常痛苦，請耐心等候;

2.3. Android ADT環境

打包Android應用的時候需要

下載并且配置好AndroidADT環境

下載ADT：http://www.androiddevtools.cn

點擊installer_r24.3.4-windows進行安裝，其他文件只需要解壓縮后，放置結構如下圖即可。Android項目結構

配置到全局變量ANDROID_HOME  中

http://jingyan.baidu.com/article/22a299b51c59d69e19376af8.html

2.4. Node環境

這個比較簡單，直接百度node，然后下一步，下一步，就可以了，node會自動幫你配置好環境

2.5. Git環境

直接百度，跟上面一樣

http://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html

那么到目前為止，環境配置我們已經搞定了，不過如果說真的會這么簡單的話，那就說明運氣真的好，其實我們在安裝的過程中也會遇到一些問題，那么下面的就是關于出現問題的一些總結和解決辦法

3. 問題總結:

1) 在運行ionic build android的時候報錯[Error:ANDROID_HOME is not set and “android” command not in your PATH. 這個時候要這樣設置：

ANDROID_HOME：C:\environment\adt-bundle-windows-x86-20130917\sdk

path中寫：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

2) 問題如圖所示：

這個是問題是在環境變量配置的PATH中要添加上C:\Windows\System32

那么其實這里只是簡單給大家指出了兩個問題，那么在實際操作操作中大家可能會遇到各種各樣的問題，那么這時候大家可以通過百度或者google去搜索，我相信大家最后肯定能把問題解決好的。

4. 結語:簡單介紹了ionic環境的配置，只是H5混合開發的第一步，那么今天我們先給大家分享到這里，在下周我們再接著跟大家說，如何快速的創建一個新的H5應用，并且把它打包成apk文件;