1.下载并安装node.js, http://nodejs.org/,添加到path.
命令行运行,则安装成功。
C:\Users\spark>node -v
v0.10.26
2.安装phonegap.
C:\> npm install -g
phonegap
此处会下载安装,需要一两分钟,成功后安装在如下目录:
C:\Users\spark\AppData\Roaming\npm
3.类似方法安装cordova.
npm install -g cordova
(PhoneGap is an open source
distribution of Cordova. Think about Cordova’s relationship to PhoneGap like
WebKit’s relationship to Safari or Chrome)
4.验证安装
C:\Users\spark>phonegap
-v
3.4.0-0.19.14
C:\Users\spark>cordova -v
3.4.1-0.1.0
5.安装JDK,Ant,并添加到path, 下载Eclipse,ADT插件
Eclipse安装ADT :
ADT -
http://dl-ssl.google.com/android/eclipse
6.安装AndroidSDK(添加到path,很重要)
D:\DevPrograms\Android\android-sdk\tools;D:\DevPrograms\Android\android-sdk\platform-tools;
(安装完毕)
/*********************************************************************************************/
测试项目:
参考:http://docs.phonegap.com/en/3.4.0/guide_cli_index.md.html#The%20Command-Line%20Interface
1.在工作目录打开cmd,创建app: cordova create hello com.example.hello
HelloWorld
如:
D:\Workspace\_PhoneGap>cordova create hello
com.example.hello HelloWorld
Creating a new cordova project with name
"HelloWorld" and id "com.example.hello"
at location
"D:\Workspace\_PhoneGap\hello"
Downloading cordova library for
www...
Download complete
2. 移动到项目根目录
cd hello
3. 添加android平台
cordova platform add
android
如:
D:\Workspace\_PhoneGap\hello>cordova platform add
android
Downloading cordova library for android...
Download
complete
...
Project successfully created.
4.Build the App
cordova build
或
cordova build android
5.创建android AVD后,用以下命令即可启动模拟器.
cordova emulate android
其它常用命令:
cordova prepare ios
cordova compile ios
cordova run
android
6,可以用Eclipse导入项目,注意要导入两个项目,HelloWorld和HelloWorld-CordovaLib
File->Import->Android->
Existing Android Code Into Workspace
7.或击项目HelloWorld-> run as -> Android Application
8. 修改:www目录下面的index.html,合适的位置加上:
<div>
name:<input
type="text" id="txtName" /><br/>
<input type="button"
id="btnShow" onclick="showName()" value="Show Name"
/>
</div>
function
showName(){alert(document.getElementById(‘txtName‘).value);}
9. 在浏览器firefox里面运行正常后,编绎成android平台
cordova build
android
再在eclipse启动。
(输入Root Directory,注意要点击Refresh)
(完)
Win7下PhoneGap配置及简单示例,布布扣,bubuko.com
原文:http://www.cnblogs.com/wucg/p/3670277.html