一、环境准备

1、到这里安装Node.js。

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

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

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

在Path最后加入如下路径：

F:MobileDevadt-bundle-windows-x86-20131030sdkplatform-tools;F:MobileDevadt-bundle-windows-x86-20131030sdktools;F:MobileDevadt-bundle-windows-x86-20131030eclipsepluginsorg.apache.ant_1.8.3.v201301120609bin;%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导入工程到eclipse报错 无非三种情况

1 没有导系统lib库 或者 错误

2 没有选择android最新的API     (非google APIs )

3 没有改成UTF-8 格式

最后clean一下就好

———————解决办法——————-

先看正确的工程    直接上图

——————————————————————————–

导入工程的时候   是2份  工程的下方是phonegap的第三方库

==================【ios创建项目】===========================

1.需要先安装node，这个可以参考node官方。或者 点击这里

2.打开终端按照以下方式安装phonegap。【

  npm install -g cordova

npm install -g cordova@3.0.0 【 可以选带版本号，选择版本安装】

3.然后cd到一个目录，该目录下会保存您的项目。

4.创建一个名为“workshop的项目：[这里第一个workshop 是工程的名称，com.yourname.workshop是包名，第二个workshop 是app名称]

cordova create workshop com.yourname.workshop Workshop

5、转到项目目录：

cd workshop

6、添加IOS平台支持：

cordova platforms add IOS

cordova build

7、添加控件（确保现在仍然在workshop目录下）：

cordova plugin add org.apache.cordova.device

cordova plugin add org.apache.cordova.console

8.运行程序：

cordova run ios

或者打开workshop目录，双攻击workshop.proj

打开xcode，进行编辑项目。

=======[项目运行后无法加载cordova库文件]================

在我做插件开发的时候,总是无法加载class,这让人很恼火,

花了2天时间都没有搞定！！！！！

网上说的各种办法都用了都没有解决,后来无意见查看其它可以运行的项目发现 libs里面缺少android-support-v4.jar,于是加进去就好了.

为什么会这样?可能通过node创建的cordova项目没有加载这个andriod的依赖库.

如何添加?

看下图：

转载请注明：夜阑小雨 » Phonegap3.5环境搭建及新建项目