PhoneGap入门(一).ppt

PhoneGap入门 一 PhoneGap win7 Android 目录 2 新建PhoneGap工程 1 安装PhoneGap 3 导入Eclipse的Android工程 4 修改入口index html文件 安装PhoneGap 旧版本PhoneGap3以前 都是在网站下载 新版本没下载啦 安装PhoneGap 前提已经安装javasdk1 6以上已经安装AndroidDevelopmentTools系统变量中的JAVA HOME设置正确系统变量中path包括 ADT sdk toolsADT sdk platform toolsJAVA HOME bin安装好ant 安装PhoneGap 安装Nodejs下载地址 http nodejs org 一路Next安装成功后 打开命令行 输入npm 安装PhoneGap 2 建立npm目录出错后的办法 官方无说明 进入 C Users 用户名 AppData Roaming 目录如果没有 npm 目录 则手工建一个 npm 目录 安装PhoneGap 3 安装PhoneGap命令行输入 npminstall gphonegap安装成功后 输入命令 phonegap version 安装PhoneGap 4 安装cordova命令行输入 npminstall gcordova安装成功后 输入命令 cordova version 新建PhoneGap工程 命令行cdC temp newdemo 进入工作目录phonegapcreatemyApp 新建PhoneGap工程cdmyApp 进入工程目录phonegaplocalrunandroid 生成android工程 有 BUILDSUCCESSFUL 表示成功了 后面生成apk可能会错 错了也没关系 导入Eclipse的Android工程 Eclipse导入工程New Project AndroidProjectfromExistingCode 导入Eclipse的Android工程 选择工程目录两个工程都要选择 导入Eclipse的Android工程 运行 HelloWorld 工程右键 HelloWorld 工程 选择 RunAs AndroidApplication 模拟器或者真机 大功告成 修改入口index html文件 查看HelloWorld工程的目录 Eclipse工程的目录结构 文件夹的目录结构 www目录是好看的 不起作用 不信 跟我来 修改入口index html文件 删除www目录下的 index html 文件选中工程 按 F5 键 刷新工程菜单 Project Clean 继续运行工程 页面还是出来了 信了吧 修改入口index html文件 myApp platforms android assets www才是真命天子 myApp www这个目录建议删掉 避免混淆视听 修改入口index html文件 修改 myApp platforms android assets www index html菜单 Projec