Ionic 安裝部署，常用指令，說明書

Ionic 安裝部署

準備工作

下載下傳安裝Node.js, JDK，Apache Ant，Android SDK；編輯器用WebStorm

node jdk ant 均需要加進 環境變量path中

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 [email protected]
npm install -g [email protected]
           

删除指令

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
           

第一個是釋出到APPStore

第二個臨時打包，可以用來測試

第三個是釋出成企業版本

選擇證書等等，選擇導出檔案夾，導出

Ionic Framework 說明書