Ubuntu 16.04搭建ionic開發環境

前端開發框架ionic，以假亂真的頁面和流暢的執行速度直逼原生應用，讓你情不自禁的愛上了她，下面來簡單介紹下ionic。

Ionic是目前最有潛力的一款 HTML5 手機應用開發框架。 通過 SASS 構建應用程式，Ionic提供了很多 UI 元件來幫助開發者開發強大的應用。 ionic使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供資料的雙向系結，使用ionic成為 Web 和移動開發者的共同選擇。Ionic是一個專注於用WEB開發技術，基於HTML5建立類似於手機平台原生應用的一個開發框架。Ionic框架的目的是從web的角度開發手機應用，基於cordova（原PhoneGap）的編譯平台，可以實現編譯成各個平台的應用程式。

先決條件：

註：以下命令除有sudo說明外都是在普通使用者許可權下執行

• 要有nodejs環境.

sudo apt install nodejs

• 做軟連結（ionic指令碼命令中nodejs的命令是nodejs而Ubuntu安裝後命令是node）

sudo ln -s `which nodejs` /usr/bin/node

• 要有Java環境

使用oneinstack一鍵PHP/Java工具安裝sun-JDK

• 要有Android SDK環境

映象站：
http://www.androiddevtools.cn/
http://android-mirror.bugly.qq.com:8080/
http://mirrors.neusoft.edu.cn/
在這個網站下載sdk
解壓放到一個目錄
sudo gedit /etc/profile
加入
export ANDROID_HOME=/home/py/tools/android-sdk-linux
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH
(ANDROID_HOME改成自己的目錄)
儲存退出之後，使用以下命令讓環境變數生效
source /etc/profile
然後
執行
android
安裝api23，因為官方demo是基於android6.0，時間不短，耐心等待

• 安裝32位元執行庫

sudo apt-get install -y libc6-i386 lib32stdc++6 lib32gcc1 lib32ncurses5 lib32z1

• 建立android模擬器

在映象站下載安卓映象，放入your sdk 路徑/system-images目錄下
使用
android avd
建立模擬器

開始建立APP

1.安裝ionic/Install Ionic

sudo npm install -g cordova ionic

2.通過Ionic建立一個專案

ionic start myApp tabs

3.編譯專案成apk

cd myApp
ionic platform add android
ionic build android

到這裡如果沒有錯誤就能生成apk了。
apk路徑

myApp/platforms/android/build/outputs/apk/android-debug.apk

4.執行專案

ionic emulate android

這樣就會自動開啟已經建立的模擬器，並自動部署apk
效果：