【问题标题】:How to create a simple app using PhoneGap and HTML Editor but without using Eclipse?如何在不使用 Eclipse 的情况下使用 PhoneGap 和 HTML 编辑器创建一个简单的应用程序?
【发布时间】:2014-03-26 01:19:42
【问题描述】:

我刚刚开始使用 PhoneGap。我有 HTML、CSS 和 JavaScript 知识。

到目前为止,我只在我的 Ubuntu 机器上安装了 PhoneGap 和 Android SDK。

我应该如何从这里开始?我不想使用 Eclipse。 我想使用像 Sublime 这样的文本编辑器来编辑我的项目的 HTML/CSS/JS 文件,然后将其上传到 PhoneGap Build 以创建应用程序。

有人可以帮助我逐步说明吗?我已经在线尝试过PhoneGap 的文档和其他资源。但不同的网站指向不同的做事方式。

【问题讨论】:

    标签: android mobile cordova phonegap-build mobile-application


    【解决方案1】:

    您可以使用 (Command lines)

    phonegap create hello com.example.hello HelloWorld
    

    它将为您生成一个项目。 在这个项目中,您将拥有不同的文件夹。您感兴趣的是“www”,其中包含您的索引、css 和 js 文件以及您的 config.xml。

    您可以从这里开始使用任何文本编辑器创建您的应用程序。

    要构建这个应用程序,只需压缩 www 文件夹并将其上传到 Phonegap 构建。

    希望对你有帮助!

    【讨论】:

    • “platforms/android/assets/”内也有一个“www”文件夹。我应该更改那里的文件还是根目录中存在的“www”文件夹中的文件?
    • 在根目录中。资产中的 www 是在您执行 phonegap platform build android 时从根目录创建的
    • 在将应用上传到 phonegap 构建之前,我应该使用命令行“构建”应用吗?
    • 另外,我了解到,在编写 HTML 代码时,我需要包含 phonegap.js 文件。但是 phonegap.js 文件不存在于“www”目录(在根目录中),但它存在于“platforms/android/assets/”内的“www”目录中。在这种情况下我该怎么办?
    • 包含cordova.js
    【解决方案2】:

    您可以简单地创建 index.html、confix.xml、css、js 文件,压缩并上传到 PG 构建。我这样做了,在测试时我使用 Ripple 模拟器来查看应用程序在我的浏览器中设备上的样子。 PG Build docs 可以帮助您解决 config.xml

    另外,您可以使用jQuery Mobile 之类的框架来构建一个快应用程序。搜索“jquery mobile phonegap tutorial”,您可以快速启动并运行一些东西。

    【讨论】:

      【解决方案3】:

      您可以使用任何您想要的文本编辑器。 Eclipse 是 Google 支持的 IDE 之一。它用于构建您的 Android 应用程序。

      如果需要,您可以使用 Phonegap Build。 Phonegap Build 将为您编译您的代码。您应该使用此模板 here 让您的代码通过 Build 运行。

      使用 Build 的最简单方法是将您的代码放在 Github 存储库中。然后创建/登录到您的构建帐户。然后选择创建应用程序。 Build 将要求您输入您的 gitup 链接(如果您将您的 github 帐户信息添加到您的构建帐户,将会有一个下拉菜单供您选择)或上传一个 zip 文件。

      Build 会询问您要为 ios、android 或 windows 构建哪些平台。如果要为 ios 构建,则需要 ios 证书。 Android 将在没有证书的情况下构建。如果要部署到市场,则需要添加证书。

      Build 还会询问您是否要启用调试和水合。对于调试,您需要将调试插件添加到您的项目中。当您在手机上运行您的应用程序时,您可以单击调试并使用 weinre。 Hydration 允许您在不重新下载应用程序的情况下更新代码。如果您更新代码并在下次在手机上打开应用时重新构建项目,它会询问您是否要更新应用。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-07-06
        • 2020-04-02
        • 1970-01-01
        • 1970-01-01
        • 2014-02-03
        相关资源
        最近更新 更多