创建一个新的PhoneGap项目

在将PhoneGap Desktop应用程序和PhoneGap Developer应用程序安装到我们的计算机和移动设备上之后，我们将准备创建我们的第一个PhoneGap项目。我们的PhoneGap项目将能够在多种设备和操作系统上运行。这些是用于创建新的PhoneGap项目的以下步骤。

1)启动PhoneGap Desktop应用程序

第一步，我们将通过单击计算机上的PhoneGap Desktop应用程序快捷方式来打开PhoneGap Desktop应用程序。单击快捷方式后，我们将看到如下视图：

2)点击加号(+)

现在，我们将单击加号，该加号基本上是屏幕左上角的按钮。此单击将打开两个选项，即，在此按钮的右侧创建一个新的PhoneGap项目和打开现有的PhoneGap项目。

3)创建一个新的PhoneGap项目

从这两个选项中，我们将选择Create new PhoneGap项目来创建我们的第一个PhoneGap项目。单击此按钮将显示一个新片段，其中显示了我们项目的多个模板。

4)选择Hello World模板。

我们将从“选择模板”屏幕中显示的模板中选择“ Hello World”模板。选择Hello World之后，我们将单击屏幕右下角的Next按钮。单击此按钮将打开一个新屏幕，以填充我们项目的详细信息。

5)填写项目详细信息。

我们将选择将项目存储在计算机上的本地路径，指定项目名称，并指定项目ID。此ID字段是可选的。填写所有项目详细信息后，我们将单击屏幕右下角的“创建项目”按钮。

单击创建项目按钮后，我们将看到如下视图。此视图包含我们的项目，该项目标有左绿色边框。它还在底部包含一个绿色的播放按钮和一个绿色的条。我们还将看到一个指示其活动和运行状态的服务器地址。一次只能运行一个项目，并且将处于活动状态。

预览我们的应用

我们将把PhoneGap Developer应用程序与PhoneGap Desktop应用程序配对。这样，我们可以在移动设备上预览我们的应用程序，而无需注册设备，编译代码或安装平台SDK。

为了托管我们的项目并返回服务器地址，PhoneGap Desktop将启动一个小型Web服务器。我们将进入在桌面浏览器和移动设备上运行的应用程序。

在桌面浏览器中预览

我们可以利用我们的桌面浏览器来预览和测试我们的应用程序。为此，我们首先需要加快初始开发过程。例如，如果我们使用诸如React或Angular之类的框架，则可以使用一些工具在浏览器中专门调试那些框架，这些工具在移至设备之前会非常有用。最近，PhoneGap开始自动支持浏览器平台，以帮助我们在熟悉的环境中使用Apache Cordova核心插件和设备就绪事件进行更轻松的测试。

在设备上预览

我们可以使用以下步骤在设备上预览PhoneGap应用程序：

1)启动PhoneGap Developer应用程序

第一步，我们将单击或点击PhoneGap Developer应用程序图标。单击此按钮将启动应用程序，我们将看到如下视图：

2)输入服务器地址

我们将在主屏幕上输入服务器地址，然后点击Connect 。单击“连接”后，我们将看到一条成功消息，告诉我们连接已成功完成。我们必须确保我们的计算机和设备应连接到同一网络。否则，我们在建立连接期间可能会遇到任何类型的问题。我们将检查PhoneGap Google网上论坛和问题跟踪器列表，以获取更多帮助。

连接到PhoneGap Developer应用程序后，我们将看到如下视图：

我们将在下一部分中讨论有关PhoneGap的更多信息。接下来，我们将学习如何制作我们的第一个PhoneGap应用程序，以及如何将JQuery UI Model嵌入到我们的移动应用程序中以使其具有吸引力。