MAC OSX環境下cordova+Ionic的安裝配置


一、簡介

1.Ionic是什么

IONIC 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序,它提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定,使用它成為 Web 和移動開發者的共同選擇。Ionic是一個專注於用WEB開發技術,基於HTML5創建類似於手機平台原生應用的一個開發框架。Ionic框架的目的是從web的角度開發手機應用,基於PhoneGap的編譯平台,可以實現編譯成各個平台的應用程序。

在html5移動app開發中,速度是很重要的。Ionic在最新的移動設備中表現非常卓越,運行非常流暢。 操作最少的 DOM,非 jQuery,和硬件加速過渡,讓您感覺到用html5開發的app也可以飛起來。

2.cordova是什么

cordova前身是phonegap,主要用它的插件。用於將html、css和javascript打包成app

3.ngCordova是什么

ngCordova是在Cordova Api基礎上封裝的一系列開源的AngularJs服務和擴展,讓開發者可以方便的在HybridApp開發中調用設備能力,即可以在AngularJs代碼中訪問設備能力Api,諸如訪問文件,攝像頭,GPS等等,這些插件只需要簡單配置就可以在ionic中使用。

二、安裝cordova和ionic

1.安裝ionic前確保你的Mac已安裝Xcode,請參考:Xcode集成開發環境的安裝

2.安裝cordova之前要安裝nodejs,請參考:Mac下安裝Node.js

3.git不用安裝,osx和linux都自帶git,可以在命令行輸入 git --version檢查一下

4.安裝cordova:
1>.由於cordova安裝包的鏡像在國外,國內網絡不行,經常出現安裝失敗的情況。這就要使用代理,在命令行輸入一下命令:“npm config set registry http://registry.cnpmjs.org”

2>.用root權限全局安裝cordova:“sudo npm install -g cordova”,執行后提示輸入密碼,輸入你的Mac開機密碼即可:

3>.輸入“cordova -v”驗證cordova版本:

5.安裝ionic:
1>.使用“sudo npm install -g ionic”指令安裝ionic:

2>.輸入“ionic -v”驗證版本:

3>.輸入“sudo npm install -g ios-sim”安裝ios模擬器:

三、參考資源

ionic官網:www.ionicframework.com(使用代理或百度瀏覽器才能看)
ionic中文站:www.ionic.wang
condova官網:http://cordova.apache.org
ngCordova官方插件:http://ngCordova.com/docs/plugins

教程資源:http://www.runoob.com/ionic/ionic-tutorial.html

 

 


免責聲明!

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



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