制作第一个PhoneGap应用

在上一节中，我们了解了如何创建新的PhoneGap项目以及如何在桌面浏览器或移动应用程序中预览它。在本节中，我们将学习如何创建第一个PhoneGap应用程序。这些是用于创建PhoneGap应用程序的以下步骤：

1)创建一个新的PhoneGap项目

在第一步中，我们将创建一个新的PhoneGap项目。我们将其命名为My First App，并且还将给出一个唯一的ID，即我的情况下为com.javatpoint.My_First_App。

当我们在桌面浏览器或PhoneGap Developer应用程序上运行它时，我们将看到一个空白屏幕。

2)打开index.html文件

创建PhoneGap项目后，我们将转到保存该项目的目录。我们将打开项目的文件夹，其中包含许多其他文件夹，例如钩子，平台，插件和www 。我们将打开包含index.html文件的www文件夹。我们将在首选编辑器中打开此文件进行编码。

3)开始编码

现在，我们将更新此文件并开始编码。

注意：我们正在创建狗龄计算器。您可以创建自己的代码，也可以将以下代码复制到html文件中。

    
        
        
         // adding title
        
        
    
    
    
    //add heading
Dog Years Calculator
    //add lable
Dog Age in Human Years:
    //add input field

    //add button
Calculate
            //add a field for result 

    

我们将保存此文件，然后转到PhoneGap Developer App。我们将桌面应用程序与PhoneGap Developer应用程序连接起来，并在服务器上运行应用程序。

桌面浏览器

PhoneGap开发人员应用程序