針對cordova3.0,至如今的3.6都能用.html
一.準備工做:node
1.下載Node.js 網址:http://nodejs.org/android
2.下載phonegapgit
打開CMD窗口github
Windows平臺:npm install -g cordovaapache
Mac平臺:sudo npm install -g cordovanpm
安裝好後,輸入cordova –version驗證是否成功xcode
二.安卓開發環境搭建(避免中文目錄):app
安卓SDK下載網址https://developer.android.com/sdk/index.html,eclipse
須要FQ
2.配置環境變量
Java環境變量配置:JDK的配置,這個網上大把.
安卓環境配置:
系統變量 Path後面添加:
D:\Program Files\ADT\sdk\tools;
D:\Program Files\ADT\sdk\platform-tools;
D:\ProgramFiles\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
驗證環境是否配置成功:ant Android –v
其中,ADT文件夾是你安卓SDK放的目錄,本身替換下.
虛擬機環境配置:
因爲安卓自帶模擬器啓動很是慢,外置模擬器則性能很好,我用的啓動時間10秒內,方便開發。有須要能夠下載。
http://blog.csdn.net/psvoldemort/article/details/17165265
三.建立phonegap工程文件:
cordova工程創建好, 直接用安卓SDK自帶的Eclipse導入安卓工程就能用了.IOS打開platform文件夾,裏面有個proj文件,用xcode打開.
cordova的插件下載:
https://github.com/apache安裝方法每一個插件的文檔裏都有說.
四.IOS開發環境搭建:
1.Mac虛擬機的安裝http://tieba.baidu.com/p/2847457021
2.下載Node.js 和 phonegap
3.在apple store 下載xcode