Phonegap Cordova安装Windows

时间：2013-08-03 17:42:48

标签： windows cordova

phonegap / cordova的文档非常糟糕。我所要做的就是在我的Windows环境中安装PhoneGap 3.0但没有成功。

以下是我的步骤和失败点。有人可以就解决方案提出建议吗？

根据instructions：

  1. 安装Node.js（SUCCESSFUL）
  2. 来自nodes.js：install -g cordova（SUCCESSFUL）
  3. 添加平台：cordova platform add wp8（没有发生）
  4. 尝试使用phonegap：phonegap install wp8（无法找到ERROR项目目录）

    5. 来自“Windows Phone 8 platform guide”

    1. 安装Windows SDK（SUCCESSFUL）
    2. “下载并解压缩[PhoneGap。您将在lib \ windows-phone-8 \ wp8子文件夹中工作，lib \ windows-phone-8 \ wp7包含Windwos Phone 7版本的Cordova”< / LI>

      啊？！？！目录在哪个位置？！？！所以我发现未公开的phonegap目录埋藏在AppData \ Local ...中，并且有一个libs目录，但肯定没有任何WP8子文件夹。从哪里安装？大概是上面的add platform命令，但是添加它只会让我返回一个新的命令提示符。

      尝试使用phonegap命令：phonegap plaform add wp8

      错误 - 'platform add wp8'不是节点。

      我得到它的开源但这是残酷的意大利面条参考文档。如果有人能够为WP8成功安装3.0，任何指针都会有所帮助。

13 个答案:

答案 0 :(得分：131)

经过几个小时的挫折......这就是我发现的。

  1. 忽略安装文档和所有命令行，node.js东西（严重的是，你会浪费时间。
  2. 转到github，只需下载PhoneGap master .zip
    3. 即可
  3. 在那个zip中是窗口电话等平台的项目文件......只需使用这些模板。

    4. 我不知道这么简单的过程会如何导致更糟糕的文档。它好像是由律师写的。

答案 1 :(得分：54)

我遇到了同样的问题，并且通过阅读the documents以及Stack Overflow中报告的其他问题努力通过了一个小时，但我没有找到任何答案。因此，这里是在Windows机器中成功运行phonegap / cordova的指南。

请按照以下步骤

  1. 从http://nodejs.org/
    2. 下载并安装node.js.
  2. 运行命令npm install -g phonegap（如果是安装phonegap）或运行命令npm install -g cordova（如果安装了Cordova）。

  3. 安装完成后您可以注意到：

    C:\Users\binaryuser\AppData\Roaming\npm\cordova -> C:\Users\binaryuser\AppData\Roaming\npm\node_modules\cordova\bin\cordova
cordova@3.0.9 C:\Users\binaryuser\AppData\Roaming\npm\node_modules\cordova
├── ncallbacks@1.0.0
├── open@0.0.3
├── colors@0.6.2
├── semver@1.1.0
├── shelljs@0.1.2
├── follow-redirects@0.0.3 (underscore@1.5.2)
├── elementtree@0.1.3 (sax@0.3.5)
├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.2)
├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2)
├── glob@3.2.6 (inherits@2.0.1, minimatch@0.2.12)
├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
├── tar@0.1.18 (inherits@2.0.1, block-stream@0.0.7, fstream@0.1.24)
├── prompt@0.2.7 (revalidator@0.1.5, pkginfo@0.3.0, read@1.0.5, utile@0.1.7, winston@0.6.2)
├── request@2.22.0 (json-stringify-safe@4.0.0, aws-sign@0.3.0, qs@0.6.5, oauth-sign@0.3.0, forever-agent@0.5.0, cookie-jar@0.3.0, tunnel-agent@0.3.0, mime@1.2.11, node-uuid@1.4.1, http-signature@0.10.0, hawk@0.13.1, form-data@0.0.8)
├── express@3.0.0 (methods@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, commander@0.6.1, debug@0.7.2, mkdirp@0.3.3, send@0.1.0, connect@2.6.0)
├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, colors@0.6.0-1, accounting@0.3.2, request@2.12.0, moment@1.7.2, express@3.1.0)
├── npm@1.3.11
└── plugman@0.11.0 (ncallbacks@1.1.0, osenv@0.0.3, bplist-parser@0.0.4, underscore@1.4.4, semver@2.0.11, dep-graph@1.1.0, elementtree@0.1.5, xcode@0.6.1, nopt@1.0.10, rc@0.3.0, tar.gz@0.1.1, npm@1.3.4)

  4. 注意上面的行你可以看到路径是提到的文件。复制该路径。在我的情况下，它是C:\Users\binaryuser\AppData\Roaming\npm\cordova，因此请使用cd C:\Users\binaryuser\AppData\Roaming\npm\并输入cordova。它就是，它终于有效了。

  5. 由于-g键值不起作用，您已设置环境变量路径：
    1. 按赢 + 暂停|中断或右键点击Computer并选择Properties。
    2. 点击左侧的Advanced system settings。
    3. 点击Environment Variables标签下的Advanced。
    4. 选择PATH变量，然后点击Edit。
    5. 将上述路径复制到值字段，然后按OK。

答案 2 :(得分：18)

这个答案首先发布在这里：cordova/phonegap does not make android directory

随着Cordova 3.3.0的发布，似乎PhoneGap团队正试图解决命名混乱问题。文档已更新，以推荐使用cordova命令的人员。不要再使用 phonegap 命令。

以下是保证无故障设置的全新安装指南：

  1. 安装Cordova（从现在开始忘记名称PhoneGap）。 对于PC：

    C:> npm install -g cordova

  2. 在命令提示符下，使用以下命令导航到要创建项目的文件夹：

    cordova create hello com.example.hello HelloWorld
cd hello

  3. 定义您要支持的操作系统，例如：

    cordova platform add wp8

  4. 安装插件（如果需要）。例如，我们需要以下内容：

    cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.media-capture
cordova plugin add org.apache.cordova.media

  5. 最后，使用以下内容生成应用：
    cordova build wp8

    6. 以下是 PhoneGap Cordova 3.3.0文档的链接 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

答案 3 :(得分：6)

我也遇到了同样的错误。 我甚至尝试从GitHub下载PhoneGap主机，但我发现我得到的是Phonegap 2.9。 我最终不得不下载Cordova 3 Source

按照以下步骤进行操作。

  1. 下载并解压缩Cordova 3 Source
  2. 运行cordova-wp8文件夹中的template.bat
  3. 将生成的Zip文件复制到Visual Studio模板文件夹

答案 4 :(得分：4)

Phonegap Cordova Installation on Windows

<强>要求

  • Eclipse + ADT插件
  • Android SDK工具
  • Android平台工具
  • 最新的PhoneGap zip文件夹。提取其内容。

支持的Android设备

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova安装

为android

设置PATH环境变量

  1. 在桌面上，右键单击“我的电脑”，然后单击“属性”。

  2. 单击左栏中的“高级系统设置”链接。

  3. 在系统属性窗口中，单击环境变量按钮。

  4. 从“系统变量”部分中选择PATH变量。 选择“编辑”按钮。 您需要添加Android SDK平台工具和工具目录的路径。例如： d：\ ADT-束 - 窗口x86_64-20130219 \ SDK \平台工具; d：\ ADT-束 - 窗口x86_64-20130219 \ SDK \工具 保存您的编辑。关闭“环境变量”对话框。

  5. 此外，您可能还需要将％JAVA_HOME％\ bin包含在PATH中。要检查是否需要，请运行命令提示符并键入java。如果找不到该程序，请将％JAVA_HOME％\ bin添加到PATH。您可能需要指定完整路径，而不是使用％JAVA_HOME％环境变量。
  6. 最后，您可能还需要将％ANT_HOME％\ bin包含在PATH中。要检查是否需要，请运行命令提示符并键入ant。如果找不到程序，则将％ANT_HOME％\ bin添加到PATH。您可能需要指定完整路径，而不是使用％ANT_HOME％环境变量。 设置新项目

    7. 打开命令提示符，导航到Cordova发行版的android子文件夹中的bin目录。

    输入：./ create

    然后按Enter.Launch Eclipse。在“文件菜单项”中，选择“导入...”

    导入选择“现有Android代码到工作区”，然后单击“下一步＆gt;”。

    浏览通过命令提示符创建的项目。然后单击“完成”。 部署到模拟器 在Eclipse中，按下此工具栏图标。

    打开后，Android SDK Manager会显示各种运行时库 从这里按要求安装API。 在Eclipse中，按下此工具栏图标。

    从列表中选择和设备定义。 （当前列表中只有一个项目。） 按上面窗口中的新建...以创建新的Android虚拟设备（AVD）并使用它来运行您的项目。

    要将模拟器作为单独的应用程序打开，请选择AVD并按开始。它可以像在设备上一样启动，并为硬件按钮提供额外的控件：

    部署到设备：

    确保已在设备上启用USB调试并将其插入系统。 右键单击项目并转到Run As＆gt; Android应用程序。

    Read more ...

答案 5 :(得分：2)

在C:\phonegap-2.9.0\lib\windows-phone-8 there's名为createTemplates.bat的批处理文件中。您需要执行此文件，该文件将创建其文档中提到的CordovaWP8_2_9_0.zip文件。

答案 6 :(得分：2)

我在安装phonegap时遇到了问题。当我以管理员身份运行cmd然后运行命令

时，问题已得到解决 
npm install -g phonegap

并且安装成功。

然后在安装它的目录中打开cmd，然后运行命令phonegap，它运行正常。 现在开始玩它了:)

感谢所有这些帮助的好友。

答案 7 :(得分：1)

我有同样的问题，但最后我通过这样做取得了成功请扔掉这个图像 Plase在 PHONE TOOL COMMAND PROMPT 中运行所有命令 enter image description here

答案 8 :(得分：1)

我找到了 Multi-Device Hybrid Apps for Visual Studio Documentation for CTP1.1 Last updated: May 29, 2014。

文档中的一些内容如下。

此版本支持为以下设备目标构建应用：

Android 4+（4.4提供最佳开发者体验）  iOS 6＆amp; 7  Windows 8.0（商店）  Windows Phone 8.0

<强>要求：  Windows 8.1

Visual Studio 2013 Update 2 - 安装了以下可选功能的Professional，Ultimate或Premium：

维护Windows 8商店应用的工具  Windows Phone 8.0 SDK

其他系统要求因设备平台而异：

Android模拟器最适用于能够安装Intel HAXM驱动程序的PC

Windows Phone 8需要支持Hyper-V的PC才能运行模拟器 构建iOS和使用iOS模拟器需要能够运行Xcode 5.1的Mac

第三方依赖关系：

Joyent Node.js - 使Visual Studio能够与Apache Cordova命令行界面（CLI）和Apache Ripple™仿真器集成 Git CLI - 仅在您需要为插件手动添加git URI时才需要

Google Chrome - 需要为iOS和Android运行Apache Ripple模拟器

Apache Ant 1.8.0+ - 需要作为Android构建过程的依赖项

Oracle Java JDK 7 - 必须作为Android构建过程的依赖项

Android SDK - 必须作为Android构建过程和Ripple

的依赖项

Windows运行时的SQLLite - 向Windows应用程序添加SQL连接所需（对于WebSQL Polyfill插件）

Apple iTunes - 将应用程序部署到连接到Windows PC的iOS设备上所必需的

enter image description here

答案 9 :(得分：0)

在Windows上以管理员身份运行CMD让我走了，我认为这只是非常有意义，因为人们并没有真正努力将他们的东西安装在自定义目录中。因此，当您在Windows目录中安装node.js然后尝试在Unelevated CMD上安装PhoneGap时，它很难设置路径变量。

答案 10 :(得分：0)

我遇到了同样的问题。我丢失了几个小时，然后我看到安装的node.js版本是0.8。但我从node.js网站下载并安装了0.10版本。

我再次下载并安装，现在版本是0.10。结果：PhoneGap已成功安装此版本。

答案 11 :(得分：0)

对于新生而言，Phonegap可能有点棘手。我花了很多时间试图找到创建一个强大的Android应用程序的最佳方式，该应用程序可以访问手机的原生功能。

This link提供了一种使用windows，html和javascript创建Phonegap android应用程序的逐步方法。

答案 12 :(得分：-4)

我通过手机操作步骤也很费劲。

正确的文档位于以下链接。   http://docs.phonegap.com/en/edge/guide_cli_index.md.html

没有更多的cordova命令，它被phonegap取代。

相关问题
最新问题