MAC 下安裝PHONEGAP開發(fā)環(huán)境

MAC 下安裝PHONEGAP開發(fā)環(huán)境

什么是Phonegap呢?Phonegap是一個(gè)利用HTML5去開發(fā)App的框架??梢詾榘沧?、iOS、WP、黑莓、火狐等移動操作系統(tǒng)。采用HTML5來編寫交互界面。其優(yōu)點(diǎn)是編寫一次可以編譯到各種移動平臺上,大大為公司節(jié)省了開發(fā)周期。但是它也是有缺點(diǎn)的,性能比如原生的好,只能做一些簡單的APP,比如介紹公司的那種,或者網(wǎng)站客戶端。要是做游戲還是算了吧。

在MAC下安裝Phonegap環(huán)境要安裝很多種第三方的軟件。git,xocde,nodejs等等。

1.安裝GIT:http://www.git-scm.com/

2.安裝NODEJS:http://nodejs.org/(如果你安裝了舊版本的需要手動安裝npm,不過最新版的自帶了)

3.進(jìn)入終端命令行使用npm安裝cordova如下:

$ sudo npm install-g cordova

4.進(jìn)入你要?jiǎng)?chuàng)建的項(xiàng)目目錄,然后創(chuàng)建phonegap項(xiàng)目。

$ cordova create hello com.example.helloHelloWorld

輸入完這個(gè)命令后cordova程序會幫你創(chuàng)建hello文件夾,里面就是這個(gè)phonegap環(huán)境了。

5.創(chuàng)建xcode項(xiàng)目文件。要編譯App肯定是要用xcode的,沒有安裝就去App Store下載吧。

$ cd hello

$ cordova platform add ios

之后你用finder進(jìn)入子目錄就會看到platforms中得ios文件夾,接著你就運(yùn)行里面項(xiàng)目編譯即可。

6.環(huán)境算是有了,但是你要做項(xiàng)目還得需要調(diào)用很多系統(tǒng)的東西,比如攝像頭、系統(tǒng)信息、文件操作等等,或者第三方開發(fā)的插件??垂倬W(wǎng)文檔:

Basic device information (Device API): (設(shè)備信息插件)

$ cordova plugin add org.apache.cordova.device

Network Connection and BatteryEvents:(網(wǎng)絡(luò)連接插件)

$ cordova plugin add org.apache.cordova.network-information

$ cordova plugin add org.apache.cordova.battery-status

Accelerometer, Compass, and Geolocation:(陀螺儀)

$ cordova plugin add org.apache.cordova.device-motion

$ cordova plugin add org.apache.cordova.device-orientation

$ cordova plugin add org.apache.cordova.geolocation

Camera, Media playback and Capture:(攝像頭拍照錄制等)

$ cordova plugin add org.apache.cordova.camera

$ cordova plugin add org.apache.cordova.media-capture

$ cordova plugin add org.apache.cordova.media

Access files on device or network (File API):(訪問文件)

$ cordova plugin add org.apache.cordova.file

$ cordova plugin add org.apache.cordova.file-transfer

Notification via dialog box or vibration:(提醒)

$ cordova plugin add org.apache.cordova.dialogs

$ cordova plugin add org.apache.cordova.vibration

Contacts:(聯(lián)系人)

$ cordova plugin add org.apache.cordova.contacts

Globalization:

$ cordova plugin add org.apache.cordova.globalization

Splashscreen:

$ cordova plugin add org.apache.cordova.splashscreen

Open new browser windows (InAppBrowser):

$ cordova plugin add org.apache.cordova.inappbrowser

Debug console:

$ cordova plugin add org.apache.cordova.console

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 今天學(xué)習(xí)了下文Phonegap,那么什么是Phonegap?Phonegap是一個(gè)利用HTML5去開發(fā)App的框架...
    Hither閱讀 1,669評論 1 4
  • cordova plugin add cordova-plugin-devicecordova plugin ad...
    XLsn0w閱讀 1,643評論 1 3
  • windows 64位: 下載JDK1.7,按照圖解配置: http://www.greenxf.com/soft...
    EvolAi閱讀 479評論 0 0
  • 先上一張效果圖: 大概介紹一下這個(gè)小demo的布局情況:整個(gè)界面是由兩個(gè)scroller構(gòu)成的,top的title...
    張無忌_閱讀 2,461評論 0 1
  • (補(bǔ))休息天,果然身體要休息了,肩膀的疼痛終于轉(zhuǎn)移到了頭部,腸胃的不適倒是在楊梅和白酒的以及蔥姜湯的合力沖灌下有了...
    兮兮0225閱讀 202評論 0 0

友情鏈接更多精彩內(nèi)容