《PhoneGap入门一.ppt

PhoneGap入门（一） PhoneGap + win7 + Android Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 目录 2. 新建PhoneGap工程 1.安装PhoneGap 3. 导入Eclipse的Android工程 4. 修改入口index.html文件 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 安装PhoneGap 旧版本 PhoneGap3以前，都是在网站下载 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 安装PhoneGap 前提 已经安装java sdk1.6以上 已经安装Android Development Tools 系统变量中的JAVA_HOME设置正确 系统变量中path包括： ADT\sdk\tools ADT\sdk\platform-tools JAVA_HOME\bin 安装好ant Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 安装PhoneGap 安装Nodejs 下载地址：/ 一路Next 安装成功后，打开命令行，输入npm Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 安装PhoneGap 2. 建立npm目录 出错后的办法，官方无说明。 进入“C:\Users\[用户名]\AppData\Roaming”目录 如果没有“npm”目录，则手工建一个“npm”目录 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 安装PhoneGap 3. 安装PhoneGap 命令行输入： npm install -g phonegap 安装成功后，输入命令：phonegap -version Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. /moban 安装PhoneGap 4. 安装cordova 命令行输入： npm install -g cordova 安装成功后，输入命令：cordova -version Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 新建PhoneGap工程 命令行 cd C:\temp\newdemo ** 进入工作目录 phonegap create myApp ** 新建PhoneGap工程 cd myApp ** 进入工程目录 phonegap local run android ** 生成android工程 有“BUILD SUCCESSFUL”表示成功了。后面生成apk可能会错，错了也没关系。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 导入Eclipse的Android工程 Eclipse导入工程 New …/ Project… / Android