ionic的安裝及簡單的應用

ionic是目前最有潛力的一款 HTML5 手機應用開發框架。經過 SASS 構建應用程序，它提供了不少 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript  MVVM 框架和 AngularJS 來加強應用。提供數據的雙向綁定，使用它成爲 Web 和移動開發者的共同選擇。Ionic是一個專一於用WEB開發技術，基於HTML5建立相似於手機平臺原生應用的一個開發框架。Ionic框架的目的是從web的角度開發手機應用，基於PhoneGap的編譯平臺，能夠實現編譯成各個平臺的應用程序。官方網站：http://ionicframework.com/     中文版的教程：http://www.ionic.wang/

安裝ionic1前先要準備好下載安裝好Node.js，Android SDK及環境變量配置

Android SDK，目前沒法經過google直接下載，能夠經過設置Http Proxy Server來獲取；打包apk只須要sdk，模擬運行則須要system images

mirrors.neusoft.edu.cn 80
//勾選 other - Force https//... sources to be fetched using http://...

Android SDK 環境變量配置


ANDROID_HOME    D:\android\sdk                              
path     %ANDROID_HOME%\platform-tools;  
path     %ANDROID_HOME%\tools;  

安裝ionic 及 cordova
安裝命令
npm install -g cordova ionic

更新命令
npm update -g cordova ionic

安裝特定版本
npm install -g ionic cordova@5.0.0
npm install -g ionic@1.6.5

刪除命令
npm uninstall cordova -g
npm uninstall ionic -g

npm 淘寶鏡像(GFW，致使不少插件下載失敗)

npm install -g cnpm --registry=https://registry.npm.taobao.org
// 安裝完成後，之後全部的插件都使用cnpm這個命令來進行安裝
cnpm install -g ionic cordova
建立應用

建立ionic 項目，可選模板：sidemenu（側滑菜單），tabs（底部tab），blank 空白

ionic start myapp blank
ionic start myapp tabs
ionic start myapp sidemenu
若是是github上下載的項目，裏面的插件、依賴項通常經過下面命令下載：

bower install
npm install
若是是老ionic 項目，若是須要更新項目裏面的ionic文件（如js類庫）


ionic lib update
瀏覽器端運行

ionic serve
ionic serve --lab
真機模擬、打包、運行

ionic platform add android  //[ios]
ionic build android
ionic run android
ionic emulate android
如何用xcode 打包IONIC 項目（IPK）

將項目文件copy到MAC底下。運行終端，cd到項目所在文件夾，運行

ionic platform add ios
而後finder，在 platforms->ios->xxx.xcodeproj 打開項目

而後，將xcode的模擬器類型選成iOS Device

而後在XCODE 的菜單欄 選擇 Product -- Archive ，會生成 xxx的Archive文件。


在窗口右側的Submit to AppStore 按鈕的下方，點擊 Export...

有三個選項

Save to IOS App Store Deployment
Save to Ad Hoc Deployment
Save for Enterprise Deployment
選第二個Save to Ad Hoc Deployment 打包成.ipk

選擇證書等等，選擇導出文件夾，導出