如何将CodePen转换为PhoneGap应用程序？

Question

我有一个CodePen项目我想变成一个应用程序，但我不知道如何让我的代码在PhoneGap上运行。我点击“创建一个新项目”并输入名称，它的存储位置和所有内容，然后创建它。我没有地方输入代码或任何东西。有人可以解释它对我的作用吗？

Answer 1

Phonegap建立在科尔多瓦之上，所以两者都是相同的。

简单的答案是：在您的项目文件夹中，找到www目录。您每次打开应用程序时都会显示index.html。 这就是你为你的js/css放置HTML和导入链接的地方。你应该把js/css放到www目录中。

就是这样。

要预览您的应用程序 - 导航到该文件夹​​并输入 cordova serve

另一种方式是通过安装PhoneGap的CLI npm install phonegap -g，然后在你的项目运行phonegap serve。

该文档详细解释了一切： https://cordova.apache.org/docs/en/dev/guide/cli/index.html