120

phonegap/cordova 的文档绝对是可怕的。我要做的就是在我的 Windows 环境中安装 PhoneGap 3.0，但没有成功。

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

根据说明：

  1. 安装 Node.js（成功）
  2. 来自nodes.js：（install -g cordova成功）
  3. 添加平台：（cordova platform add wp8什么都没有发生）
  4. 尝试使用phonegap：（找不到phonegap install wp8错误项目目录）

来自《Windows Phone 8 平台指南》

  1. 安装 Windows SDK（成功）
  2. “下载并提取 [PhoneGap 的最新副本。您将在 lib\windows-phone-8\wp8 子文件夹中工作，lib\windows-phone-8\wp7 包含 Cordova 的 Windwos Phone 7 版本”

哈？！？！目录在什么位置？！？！所以我找到了隐藏在 AppData\Local... 中的未记录的 phonegap 目录，并且有一个 libs 目录，但肯定没有任何 WP8 子文件夹。从哪里安装？大概是上面的添加平台命令，但添加它只会让我回到一个新的命令提示符。

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

错误 - “平台添加 wp8”不是节点。

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

4

13 回答 13

132

经过数小时的沮丧......这就是我发现的。

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

我不知道这么简单的过程怎么会有更糟糕的文档。好像是律师写的。

于 2013-08-03T18:46:01.820 回答
54

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

按着这些次序

  1. 从http://nodejs.org/下载并安装 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
├── 颜色@0.6.2
├── semver@1.1.0
├── shelljs@0.1.2
├── 跟随重定向@0.0.3（下划线@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，发送@0.1.0，连接@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如此 usecd C:\Users\binaryuser\AppData\Roaming\npm\和 type cordova。就是这样，它终于起作用了。

  5. 由于-g键值不起作用，您已设置环境变量路径：
    1. 按Win+Pause|Break或右键单击Computer并选择Properties。
    2. 点击Advanced system settings左侧。
    3. 单击选项卡Environment Variables下Advanced。
    4. 选择PATH变量并单击Edit。
    5. 将上述路径复制到值字段并按OK。
于 2013-09-11T20:48:46.677 回答
18

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

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

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

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

    C:> npm install -g 科尔多瓦

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

    科尔多瓦创建你好 com.example.hello HelloWorld
你好

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

    科尔多瓦平台添加 wp8

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

    科尔多瓦插件添加 org.apache.cordova.device
科尔多瓦插件添加 org.apache.cordova.camera
科尔多瓦插件添加 org.apache.cordova.media-capture
科尔多瓦插件添加 org.apache.cordova.media

  5. 最后，使用以下命令生成应用程序：
    科尔多瓦构建 wp8

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

于 2014-02-13T02:47:51.707 回答
6

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

请按照以下步骤获取它。

  1. 下载并解压缩Cordova 3 源代码
  2. 运行cordova-wp8文件夹中的template.bat
  3. 将生成的 Zip 文件复制到 Visual Studio 模板文件夹
于 2013-09-17T12:28:49.043 回答
4

Phonegap Cordova Installation on Windows

Requirements

  • Eclipse + ADT Plugin
  • Android SDK Tool
  • Android Platform Tools
  • Latest PhoneGap zip folder. Extract its contents.

Supported Android Devices

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova Installation

Set PATH environment variable for android

  1. From desktop, right click My Computer and click Properties.

  2. Click Advance System Settings link in the left column.

  3. In the system properties window click the environment variables button.

  4. Select the PATH variable from the System variables section. Select the Edit button. You need to add the path to your Android SDK platform-tools and tools directory. For Example: D:\adt-bundle-windows-x86_64-20130219\sdk\platform-tools;D:\adt-bundle-windows-x86_64-20130219\sdk\tools Save your Edit. Close the Environment Variable dialog.

  5. Additionally, you may need to include %JAVA_HOME%\bin to your PATH as well. To check to see if this is required run a command prompt and type java. If the program could not be found add %JAVA_HOME%\bin to the PATH. You may need to specify the full path instead of using %JAVA_HOME% environment variable.
  6. Finally, you may need to include %ANT_HOME%\bin to your PATH as well. To check to see if this is required run a command prompt and type ant. If program cannot be found then add %ANT_HOME%\bin to the PATH. You may need to specify the full path instead of using the %ANT_HOME% environment variable. Set-up New Project

Open Command Prompt, navigate to bin directory within the android sub-folder of the Cordova distribution.

Type in: ./create

Then press Enter.Launch Eclipse. In File Menu Item and select to Import…</p>

Import Select “Existing Android Code into Workspace” and click ‘Next >’.

Browse the project created through command prompt. And click ‘Finish’. Deploy to Emulator From within Eclipse, press this toolbar icon.

Once open, the Android SDK Manager displays various runtime libraries Install the APIs as per requirement from here. From within Eclipse, press this toolbar icon.

Choose and device definition from the list which comes. (There is only one item in the current list.) Press New… in the above window to create new Android Virtual Device(AVD) and use it to run your project.

To open the emulator as a separate application, Select the AVD and press Start. It launches much as it would on device, with additional controls available for hardware buttons:

Deploy to Device:

Make sure USB debugging is enabled on your device and plug it into your system. Right Click the Project and go to Run As > Android Application.

Read more ...

于 2014-01-13T19:49:53.933 回答
2

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

npm install -g phonegap

并且安装成功。

然后在安装它的目录中打开cmd，运行命令phonegap，它工作正常。现在要更多地玩它:)

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

于 2014-06-24T05:06:48.567 回答
2

在C:\phonegap-2.9.0\lib\windows-phone-8 there's一个名为createTemplates.bat. 您需要执行此文件，这将创建CordovaWP8_2_9_0.zip他们的文档中提到的文件。

于 2013-09-29T18:49:33.357 回答
1

我有同样的问题，但最后我通过这样做获得了成功请扔这个图像请运行电话工具命令提示符中的所有命令 在此处输入图像描述

于 2014-02-10T04:51:53.413 回答
1

我找到了这个 CTP1.1 的 Visual Studio 文档的多设备混合应用程序 最后更新时间：2014 年 5 月 29 日。

部分内容来自文档如下。

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

Android 4+（4.4 提供最佳开发者体验） iOS 6 & 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™ Emulator 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 的依赖项是必需的

SQLLite for Windows Runtime – 需要将 SQL 连接添加到 Windows 应用程序（用于 WebSQL Polyfill 插件）

Apple iTunes – 将应用程序部署到连接到 Windows PC 的 iOS 设备时需要

在此处输入图像描述

于 2014-07-07T18:33:45.613 回答
0

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

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

于 2014-03-13T15:37:45.137 回答
0

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

此链接提供了使用 windows、html 和 javascript 创建 Phonegap android 应用程序的逐步方法。

于 2015-03-27T12:25:29.893 回答
0

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

于 2014-02-27T16:43:15.203 回答
-5

我在phonegap步骤上也很挣扎。

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

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

于 2013-11-03T17:28:52.787 回答