前端開發(fā)框架ionic，以假亂真的頁面和流暢的運(yùn)行速度直逼原生應(yīng)用，讓你情不自禁的愛上了她，下面來簡(jiǎn)單介紹下ionic。

創(chuàng)新互聯(lián)專注于嘉祥網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供嘉祥營銷型網(wǎng)站建設(shè)，嘉祥網(wǎng)站制作、嘉祥網(wǎng)頁設(shè)計(jì)、嘉祥網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造嘉祥網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供嘉祥網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

Ionic是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。 通過 SASS 構(gòu)建應(yīng)用程序，Ionic提供了很多 UI 組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。 ionic使用 JavaScript MVVM 框架和 AngularJS 來增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用ionic成為 web 和移動(dòng)開發(fā)者的共同選擇。Ionic是一個(gè)專注于用WEB開發(fā)技術(shù)，基于HTML5創(chuàng)建類似于手機(jī)平臺(tái)原生應(yīng)用的一個(gè)開發(fā)框架。Ionic框架的目的是從web的角度開發(fā)手機(jī)應(yīng)用，基于cordova（原PhoneGap）的編譯平臺(tái)，可以實(shí)現(xiàn)編譯成各個(gè)平臺(tái)的應(yīng)用程序。

先決條件：

注：以下命令除有sudo說明外都是在普通用戶權(quán)限下執(zhí)行

• 要有nodejs環(huán)境.

sudo apt install nodejs

• 做軟鏈接（ionic腳本命令中nodejs的命令是nodejs而Ubuntu安裝后命令是node）

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

• 要有Java環(huán)境

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

• 要有Android SDK環(huán)境

鏡像站：
http://www.androiddevtools.cn/
http://android-mirror.bugly.qq.com:8080/
http://mirrors.neusoft.edu.cn/
在這個(gè)網(wǎng)站下載sdk
解壓放到一個(gè)目錄
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改成自己的目錄)
保存退出之后，使用以下命令讓環(huán)境變量生效
source /etc/profile
然后
執(zhí)行
android
安裝api23，因?yàn)楣俜絛emo是基于android6.0，時(shí)間不短，耐心等待

• 安裝32位運(yùn)行庫

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

• 創(chuàng)建android模擬器

在鏡像站下載安卓鏡像，放入your sdk 路徑/system-images目錄下
使用
android avd
創(chuàng)建模擬器

開始創(chuàng)建APP

1.安裝ionic/Install Ionic

sudo npm install -g cordova ionic

2.通過Ionic創(chuàng)建一個(gè)項(xiàng)目

ionic start myApp tabs

3.編譯項(xiàng)目成apk

cd myApp
ionic platform add android
ionic build android

到這里如果沒有錯(cuò)誤就能生成apk了。
apk路徑

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

4.運(yùn)行項(xiàng)目

ionic emulate android

分享名稱：Ubuntu16.04搭建ionic開發(fā)環(huán)境
鏈接分享：http://uogjgqi.cn/article/cdipesj.html