一般從 node.js官網下載安裝完之后,npm也會同時安裝完。
如果通過
$ npm install -g cordova ionic
去安裝,往往會失敗。
這個是由於GFW,很多插件下載不下來,還好我們有淘寶鏡像來解決這個問題:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝完成后,以后所有的插件都使用cnpm這個命令來進行安裝。
$ cnpm install -g cordova ionic
更新cordova及ionic包
$ cnpm update -g cordova ionic
更新已建ionic項目中的js類庫,命令行中先進入項目所在目錄,然后運行:
$ ionic lib update
相關的環境配置(windows下)
ANDROID_HOME 你放置android_sdk的文件夾路徑 如:
C:\Android\android-sdk-windows path %ANDROID_HOME%\platform-tools; path %ANDROID_HOME%\tools;
進入到你要創建項目的路徑,如 C:\home\workshop\ionic
創建一個 tabs的項目 格式如下 ionic start <project-name> <optional-template>
$ ionic start myApp tabs
進入 myApp
$ cd myApp
添加android平台:
$ ionic platform add android
生成androidapk:
$ ionic build android
在android模擬器或真機中模擬:
$ ionic emulate android
可以將上面兩步合並成一個步驟如下
$ ionic run android
iOS 和 android 同時啟動模擬器
$ ionic serve --lab
調試
我們在前面已經說過,在開發前期我們一般會在web中調試,而Ionic為我們提供了非常方面的web調試環境,只需要執行ionic serve就可以實現lievereload,而在部署到移動端后也可以開啟livereload的,我們只需要修改下我們run命令參數:
ionic run android --livereload -c -s
這是android的調試模式,無論在虛擬機上還是在手機上都可以實現livereload,不用每次開發完成編譯再部署!-c是開啟客戶端日志輸出,-s是開啟服務器端日志輸出。