ionic-配置及第一個程式【草稿實驗版】

安裝流程

ionic 安裝 備忘

教程永遠只是教程，實際操作發現很多問題，下面我就記錄一下個人的相關配置過程，僅供參考。 安裝ionic

假定已經安裝好nodejs—沒有的話返回第一步看。

輸入：

npm install -g ionic

進行安裝。 安裝cordova

ionic是依賴於cordova的，別忘記要安裝這個：

npm install -g cordova

ps：假如有提示警告：

Please update to minimatch 3.0.2

這種，那麼可以運行下面命令：

npm install -g minimatch@"3.0.2"

建立ionic項目

ionic start app名稱 [模板類型-可省略，預設tabs]

這裡我們用的是defaultApp，tabs作為模板

ionic start defaultApp tabs

添加android平台

假如我們建立的app名稱是defaultApp，那麼我們需要先進去目錄再執行命令

cd defaultAppionic platform add android

編譯ionic的項目為android項目

ionic build android

ps：這個錯誤恐怕是要我們配置android的運行環境了。下面我們進入配置安卓運行環境的環節 android環境的配置

很遺憾，本人以前就已經安裝了android了，

不過假如沒有安裝的話，請訪問下面文章，
intellij開發安卓與genymotion配合

閱讀並參照下面內容進行安裝：
Java SDK的安裝
Android SDK的下載

下面配置android的環境變數

將sdk的位置賦值給android home變數：

C:\Program Files (x86)\Android\android-sdk

在 path 中加入 %ANDROID_HOME%\tools ，注意不要改變其他檔案路徑，只需在分號後面加入

配置完成，那麼繼續編譯。

夭壽了，那麼下載android23版本。我們來看看如何手動設定android的某個版本系統—天朝的網路環境下面是沒辦法用sdk的自動安裝功能的，裝多少次都失敗。

安卓sdk相關資源整合文章

然後點擊安裝就可以了

安裝過後我們繼續執行命令，可以看到：

ionic build android

編譯過程恐怕要用到java，anroidsk，還有需要下載部分組件，不過最後終雩都編譯成功了，話說那個紅色的錯誤是哈意思。 運行程式

ionic emulate android

執行上面命令，然後有：

又出問題了，大意是沒有找到對應的系統鏡像

檢查一下，在android的sdk下面，有一個叫做system-images的檔案夾，下面放著各種鏡像，查看一下：

沒有23的鏡像，好吧，現在下載一個鏡像

安裝過後，開啟到android sdk的tools目錄，執行：

android.bat avd

建立虛擬設備。

繼續執行

ionic emulate android

又出問題了

搜尋了網上，其中一個解決方案是：

Starting emulator for AVD 'Android4.0.3' PANIC: Could not open: Android4.0.3造成該問題的原因是沒有配置 ANDROID_SDK_HOME， 模擬器會以目前使用者的環境目錄作為 ANDROID_SDK_HOME 的目錄，所以造成了錯誤。我們只需要設定 系統內容變數的 ANDROID_SDK_HOME為你自己的SDK安裝目錄即可，我設定的目錄為 F:\Android\android-sdk_r06-windows\android-sdk-windows，操作：-我的電腦，屬性，進階。環境變數。-建立系統內容變數，   -名字：ANDROID_SDK_HOME-變數值：F:\android\android-sdk_r06-windows\android-sdk-windows 然後 關閉 eclipse， 重啟eclipse， 刪除之前建立的AVD, 然後重新建立，即可正常啟動。

根據資料，設定環境變數，刪除以前的avd，然後建立一個，然後關閉之前的命令列，在開啟，然後執行

ionic emulate android

看到：

不管了，再建立一次avd，然後點擊start，得到：

還是有問題。。

然後

而且還沒辦法運行。。

no emulator specified

需要安裝一個小軟體來支援x86的運行。解決方案如下：

emulator: ERROR: x86 emulation currently requires hardware acceleration!Please ensure Intel HAXM is properly installed and usable.CPU acceleration status: HAX kernel module is not installed!試用了這個方法，但還是沒有安裝成功。　一：在SDK Manager裡下載Intel x86 Emulator Accelerator...以後，雖然顯示Installed，但還得到SDK目錄下extras\intel\Hardware_Accelerated_Execution_Manager手動安裝（參數設為1024M夠用了，需要改參數的話可以重新安裝一次）　　二：在SDK Manager下載對應的x86鏡像（Intel x86 Atom System Image或Intel x86 Atom_64 System Image）,對應的版本是你所用android版本（如5.1 4.4 4.3等等）下的x86鏡像　　三：在SDK Manager中升級android Tools　　四：在AVD Manager中建立android類比機時，CPU/ABI應選擇x86（或x86_64），然後Emulated performance應選擇use host GPU

安裝以後，然後設定snap 為不選中，use host為選中，然後再start運行一下，結果又有問題了：

解決方案：

You will need to actually install the Intel HAXM in order to use it:WindowsIn your Android SDK folder, look in extras\intel\Hardware_Accelerated_Execution_Manager\Run intelhaxam-android.exeMacIn your Android SDK directory look in the extras/intel/Hardware_Accelerated_Execution_Manager subdirectoryRun the installer:Mount the HAXM *.dmg file, then run the *.mpkg contained inside itorExecute $ ./silent_install.sh

真討厭的錯誤，查一下sdkmanager的內容

更新一下

好了，haxm的版本已經是最新了，那麼安裝了再試試—要先刪除以前版本。

終於見到這個畫面了。。。感動ing。

再次運行-記得在項目目錄下運行啊

ionic emulate android

然後看到

終於成功了，真的好累。。。