PhoneGap开发app是一款由 Adobe 推出的基于web开发的测试工具,用户可以实时查看设备上的测试项目,在PhoneGap开发app上配置开发环境,设置IP地址即可使用,附详细PhoneGap开发环境搭建教程说明,程序猿们可以更加愉快的工作了。
PhoneGap开发环境搭建教程
0、下载java sdk 1.6以上版本 建议下载最新的版本 比如1.8以上
1、下载Android Development Tools
已经包括了Android sdk、esclipe,解压即可使用。下载里面更新完成sdk的版本
http://bbs.phonegap100.com/thread-1456-1-1.html
2、设置系统变量
系统变量 Path后面添加:
D:\Program Files\ADT\sdk\tools;
D:\Program Files\ADT\sdk\platform-tools;
D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
C:\Program Files (x86)\Java\jdk1.6.0_10\bin;
新增 JAVA_HOME,设置值为java sdk 根目录:
C:\Program Files (x86)\Java\jdk1.6.0_10\
3、下载并安装NodeJS
NodeJS
2、进入cmd,执行以下命令安装
npm install -g cordova
3、新建phonegap/cordova 项目
cordova create myApp
cd myApp
cordova platform add android
4、使用ADT工具打开并编辑该项目
File>New>Project>Android>Android Project from Existing Code
选择则刚才建立项目所在路径,即可使用ADT打开进行编辑。
打开的时候如果出现两个选项全选,如果出现很多,那么debug和build相关字眼的不选,最后也是剩余两个,然后点击完成
5、项目的结构
主要编辑 assets/www 目录下的 html css js 文件。
使用说明
在PhoneGap官网上下载sdk 然后配置好环境 然后写代码,想调试的时候在sdk带的control panel里打开debug server
手机客户端里填上电脑端ip端口号即可调试
- 安卓版
- PC版
- IOS版
热门评论
最新评论