npm 無法安裝 ionic 解決辦法


一般從 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是開啟服務器端日志輸出。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM