PhoneGap 创建项目
创建新的 PhoneGap 项目
将 PhoneGap 桌面应用程序 和 PhoneGap 开发者应用程序 安装到我们的计算机和移动设备后，我们将准备好创建我们的第一个 PhoneGap 项目。我们的 PhoneGap 项目将能够在多个设备和操作系统上运行。这些是用于创建新 PhoneGap 项目的以下步骤。
1) 启动 PhoneGap 桌面应用程序
在第一步中，我们将打开 PhoneGap 桌面只需单击我们计算机的 PhoneGap 桌面应用程序快捷方式即可。点击快捷方式后，我们将看到如下视图:
2) 点击加号(+)
现在，我们将点击屏幕左上角基本上是一个按钮的加号.单击此按钮将打开两个选项，即此按钮右侧的创建新的 PhoneGap 项目 和打开现有的 PhoneGap 项目。
3) 创建一个新的PhoneGap项目
从这两个选项中，我们将选择 Create new PhoneGap project 来创建我们的第一个 PhoneGap 项目。此点击将向我们显示一个新片段，其中显示了我们项目的几个模板。
4)选择Hello World 模板。
我们将从选择模板 屏幕中显示的模板中选择Hello World 模板。选择Hello World后，我们将点击屏幕右下角的下一步按钮。此点击将打开一个新屏幕以填充我们项目的详细信息。
5)填写项目详细信息。
我们将选择我们的项目将在我们的计算机上存储的本地路径，提供我们的项目名称，并为我们的项目提供一个 ID。此 ID 字段是可选的。填写完所有项目详情后，我们将点击屏幕右下角的创建项目按钮。
点击创建项目按钮后，我们将看到如下所示的视图。此视图包含我们的项目，该项目标有左绿色边框。它还包含一个绿色的播放按钮和底部的绿色条。我们还将看到一个服务器地址，指示其活动和运行状态。一次，只有一个项目将运行并处于活动状态。
预览我们的应用
我们会将我们的 PhoneGap 开发者应用与 PhoneGap 桌面应用配对。通过这样做，我们可以在移动设备上预览我们的应用程序，而无需注册设备、编译代码或安装平台 SDK。
为了托管我们的项目并返回服务器地址，PhoneGap 启动了一个小型 Web 服务器桌面。我们将进入在桌面浏览器和移动设备上运行的应用。
在桌面浏览器中预览
我们可以利用桌面浏览器进行预览和测试我们的应用程序。为此，我们首先需要加快初始开发过程。例如，如果我们使用像 React 或 Angular 这样的框架，则有一些工具可用于专门在浏览器中调试这些框架，这些工具在转移到设备之前非常有用。最近 PhoneGap 开始自动支持浏览器平台作为一个目标，以帮助我们更轻松地使用 Apache Cordova 核心插件和准备好的设备进行测试
在设备上预览
我们可以使用以下步骤在设备上预览 PhoneGap 应用程序:
1) 启动 PhoneGap 开发人员应用程序
在第一步中，我们将点击或轻触 PhoneGap Developer 应用程序 图标。此点击将启动应用程序，我们将看到如下视图:
2) 输入服务器地址
我们将在主屏幕上输入服务器地址并点击连接。单击"连接"后，我们将看到一条成功消息，告诉我们连接已成功发生。我们必须确保我们的计算机和我们的设备应连接到同一网络。否则，我们在连接建立过程中可能会遇到任何类型的问题。我们将检查 PhoneGap Google Groups 和 问题跟踪器 列表以获得进一步帮助。
与 PhoneGap Developer 应用程序连接后，我们将看到如下视图:
我们将在下一节讨论更多关于 PhoneGap 的内容。接下来，我们将学习如何制作我们的第一个 PhoneGap 应用，以及如何将 JQuery UI 模型嵌入到我们的移动应用中以使其具有吸引力。
