安裝ionic
npm install -g ionic
更新www/lib/ionic 目錄的文件,如有項目中有bower,此命令會運行bower update ionic, 否則則會從CDN上下載文件並替換。
ionic lib update
創建一個項目,其中template可以是內置的模板類型:blank/sidemenu/tabs(default)三種,也可以是github地址 (這叫ionoic-starter),或者是Codepen starter地址
可選的參數: -a your_app_name -i com.yourcompany.youapp -w (不要用cordova)
ionic start your_app_name [template]
啓動一個本地的server,在瀏覽器中打開,並可監視文件變化,隨時刷新瀏覽器。
ionic serve [options]
在瀏覽器中打開ios和andriod的顯示界面
ionic serve --lab
指明一個外部的ip地址,可以讓外部用戶查看。
ionic serv --address 192.168.89.1
添加目標平臺
ionic platform add ios/android
構建平臺
ionic build ios/android
使用模擬器模擬ios,該命令等價於: ionic run ios
ionic emulate ios [options] //ionic run ios [options]
使用模擬器或設備運行應用。
options的選項包括:
-l //livereload, 實時刷新變化。 -c //打印app裏的console -s //打印設備的console -p //指定設備的端口 -i //指定livereload的重刷端口 --debug //debug --release //release
當處於livereload模式時,使用r重啓客戶端,使用 g your_url 跳轉到指定url, 使用c啓動或關閉console,使用s啓動或關閉設備的console, 使用q退出。
可以在主目錄下的ionic.project文件的watchPatterns中配置要監視的文件夾。如:
{ "name": "", "app_id": "", "watchPatterns": [ "", "" ] }
ionic會將本地的資源文件(支持png、psd和ai,尺寸越大越好)上傳到它的服務器進行處理。
本地資源文件放到resources目錄下,如果是某個平臺單獨的資源,可以放到對應平臺下,比如resources/android/icon.png。
這樣就會把處理好的資源自動放到該平臺下,而不是所有平臺都放。
ionic resources [--splash] [--icon]
該命令上傳自己的項目到ionic服務器,上傳完成後會有一個項目編號。
安裝Ionic View的app,使用ionic的賬號登錄進去,可以查看自己的項目。
也可以直接登錄ionic的app網站,下載其他平臺的app。
ionic upload
查看系統情況
ionic info
安卓自帶瀏覽器性能不好,可以安裝一個殼(crosswalk),這將安裝一個Chromium內核。
ionic browser add crosswalk
查看可用的browser
ionic browser list
刪除安裝的browser
ionic browser list
先刪除平臺和插件,再安裝package.json文件中的平臺和插件。
ionic browser list
首先查看的平臺,並保存名稱和package.json下cordovaplatforms屬性。
然後查看fetch.json文件,保存cordova插件註冊表,本地安裝的插件,以及從GitHub或遠程HTTP URL遠程插件
ionic state save
先刪除平臺和插件,然後按照package.json文件中包含的平臺和插件重新安裝。
ionic state clear