一、环境准备

1、到这里安装Node.js。

2、到这里下载Adroid ADT Bundle for Windows,下载后解压,我的放在:F:\MobileDev\adt-bundle-windows-x86-20131030。打开eclipse,安装最新的Android API,

及Tools,下图我能安装的都安装过了。

3、配置环境变量Path和JAVA_HOME,我已经配置好了:

在Path最后加入如下路径:

F:\MobileDev\adt-bundle-windows-x86-20131030\sdk\platform-tools;F:\MobileDev\adt-bundle-windows-x86-20131030\sdk\tools;F:\MobileDev\adt-bundle-windows-x86-20131030\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin;%JAVA_HOME%\bin

4、打开cmd命令行工具,输入npm install -g phonegap,等一段时间(n分钟左右),成功后输入npm install -g cordova,等一段时间(n分钟左右)

如果不报错,说明成功了。——嗯,貌似废话。

5、测试成功与否:在cmd里依次输入如下命令:

java,javac,phonegap -version,cordova -version。

二、构造项目

1、在E盘建一个phonegap文件夹(名称随便取,最好不要带空格和中文),在命令行cd到该文件夹。输入:

phonegap create myapptest

等一段时间,成功。

cd myapptest

phonegap build android

等一段时间,成功。

如果经历了以上种种,发现项目的创建或者构造失败了,不是人品问题,就是人品问题。

到phonegap/myapptest目录下看看,是这个样子:

2、打开eclipse,File/New/Project,选择Android Project From Existing Code:

copy projects into workspace 千万别勾上,我死于此n次。

有两个项目,一个HelloWorld一个HelloWorld-CordovaLib,后者是类库项目,前者依赖于后者。项目的编码是GBK,最好都改成UTF-8。前者会出现一个叹号错误标志,解决办法是:Project/Build All,这时又出一个引用错误,HelloWorld项目中的HelloWorld.java,看到的是这样:

把鼠标移到引起错误的类CordovaActivity上,选择Fix Project Setup,选择OK。又会出现一个红色感叹号,不用管他,直接将HelloWorld作为Android项目运行。

人品如果不是问题,到这里,肯定已经跑起来了。

用Phonegap命令创建出来的项目,总是一律叫HelloWorld,我们可以用如下命令,创建出自己指定的名称的项目:

cordova create MyAppDirectory com.example.hello "MyAppName"
cd MyAppDirectory
cordova platform add android
cordova build

导入项目的方法同上,如果也出现问题,就用上面提到的方法解决即可。

至于Phonegap和cordova到底是什么关系,有什么不同,我也在查阅。查阅后立即补充上来。

Phonegap3.4 环境搭建及新建项目的更多相关文章

  1. Cocos2d-x v3.0正式版尝鲜体验【1】 环境搭建和新建项目

    Cocos2d-x v3.0在前天最终公布正式版了,等了大半年最终出来了.一直没去碰之前的3.0各种beta,rc版本号,就想等正式版出来再尝试. 昨天也參加了触控科技在成都举办的沙龙活动.看到作者王 ...

  2. angular开发环境搭建及新建项目

    最近一个星期准备学习一下angular前端框架,因为之前在学习abp框架的时候,都要求前端要掌握angular,所以不得不回来恶补一下了,学习的过程有时间的话会记录在这里,方便以后复习. 闲言少叙,下 ...

  3. ionic环境搭建及新建项目中的各种问题

    具体流程可见http://bbs.ionic-china.com/read-7.html 问题1.安装ionic cordova失败 解决方法:修改npm的源,npm config set regis ...

  4. 从零开始学Xamarin.Forms(二) 环境搭建、创建项目

    原文:从零开始学Xamarin.Forms(二) 环境搭建.创建项目 一.环境搭建 Windows下环境搭建:     1.下载并安装jdk.Android SDK和NDK,当然还需要 VS2013 ...

  5. vue--1.环境搭建及创建项目

    转自https://blog.csdn.net/junshangshui/article/details/80376489 一.环境搭建及创建项目 1.安装node.js,webpack 2.安装vu ...

  6. Python环境搭建、python项目以docker镜像方式部署到Linux

    Python环境搭建.python项目以docker镜像方式部署到Linux 本文的项目是用Python写的,记录了生成docker镜像,然后整个项目在Linux跑起来的过程: 原文链接:https: ...

  7. Spring Boot(一):环境搭建,建立简单项目

    一.基本环境搭建 1.下载IntelliJ IDEA :http://www.jetbrains.com/idea/ 2.拖到页面最下面下载旗舰版 3.新建项目 4.设置本地Maven 5.删除多于文 ...

  8. Ionic01 简单介绍、环境搭建、创建项目、项目结构、创建组件、创建页面、子页面跳转

    1 Ionic 基本介绍 Ionic 是一款基于 Angular.Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一个跨平台的移动应用.可以快速开发移动 App.移动端 WEB ...

  9. 从零開始学Xamarin.Forms(二) 环境搭建、创建项目

    一.环境搭建 Windows下环境搭建:     1.下载并安装jdk.Android SDK和NDK.当然还须要 VS2013 update 2(VS2010.VS2012均可)以上. a.  最新 ...

随机推荐

  1. demo_01 css3中的radius

    css属性:border-radius :border:边框:radius:弧度:所以这个属性的意思很明了. 下面实现一个小demo: <!doctype html> <html&g ...

  2. 【7】了解Bootstrap栅格系统基础案例(2)

    ps.这一次要说的是“Responsive column resets”,但是不知道为什么中文官网没有给出翻译,但是在看到案例的时候,感觉这就像一个bug,我自己姑且叫这个是一个高度bug吧,方便自己 ...

  3. About building ant & install ant on centos7 {ant source code 1.94}

                  hamcrest-junit-2.0.0.0.jar java-hamcrest-2.0.0.0.jar   copy to ant-sourceCodeDir/lib/o ...

  4. 使用ajaxFileUpload实现异步上传图片

    index.html <head runat="server"> <title></title> <script src="jq ...

  5. poj 2778 DNA Sequence ac自动机+矩阵快速幂

    链接:http://poj.org/problem?id=2778 题意:给定不超过10串,每串长度不超过10的灾难基因:问在之后给定的长度不超过2e9的基因长度中不包含灾难基因的基因有多少中? DN ...

  6. hdu 1695 GCD 莫比乌斯反演入门

    GCD 题意:输入5个数a,b,c,d,k;(a = c = 1, 0 < b,d,k <= 100000);问有多少对a <= p <= b, c <= q <= ...

  7. sscanf用法简析

    1. 常见用法. char buf[512] = ; sscanf("123456 ", "%s", buf); printf("%s\n" ...

  8. BZOJ 2124等差子序列 线段树&&hash

    [题目描述 Description] 给一个 1 到 N 的排列{Ai},询问是否存在 1<=p1<p2<p3<p4<p5<…<pLen<=N(Len& ...

  9. 【实用技巧】文件MD5修改方法

    方法一 利用md5修改器   更新日志:2011-10-6 22:00修正对于路径中存在空格修改无效的bug2011-10-6 20:17更新:1.回归简约界面2.直接拖拽即可捕获地址3.一键修改文件 ...

  10. 给JavaScript初学者的24条最佳实践(转:http://www.cnblogs.com/yanhaijing/p/3465237.html)

    作为“30 HTML和CSS最佳实践”的后续,本周,我们将回顾JavaScript的知识 !如果你看完了下面的内容,请务必让我们知道你掌握的小技巧! 1.使用 === 代替 == JavaScript ...