ios - 如何在 WebStorm 中设置 PhoneGap 项目

Question

我正在尝试制作一款专门针对 iOS 平台的手机间隙应用。但是我想在 WebStorm IDE 中进行开发，将我的项目推送到存储库，然后使用 PhoneGap Build。

我已经下载了 PhoneGap 版本 3.1.0-0.15.0，为 iOS 平台创建了一个项目，并将我认为需要的所有插件添加到项目中。一切似乎没问题，我可以运行 Xcode 项目并获得 onDeviceReady 小程序。

现在让我更困惑的是:

1. 如果我想使用 PhoneGap 在 WebStorm 中开始构建 Web 应用程序，我应该将什么移动到我的 WebStorm 项目中？我需要从我的 PhoneGap 项目目录中获取一些东西吗？如果是这样，我该拿什么？我需要将它作为外部库放入，还是可以直接将它放到我的根目录中？

2. 如果我也想使用像 requirejs 这样的模块加载器，是否有任何额外的障碍我必须跳过，或者如果我试图将手机间隙作为一个模块我会遇到什么问题？还是在我加载需求之前加载我的 cordova.js 文件是更好的主意？

我看过很多零零碎碎的帖子，或者有些帖子告诉您如何专门针对 Android 进行设置，或者使用具有不同文件结构的早期版本的 PhoneGap。但是一直无法找到任何真正向我解释整个情况的东西。

Answer 1

您可以使用自己喜欢的 IDE，完全没有问题。使用 Phonegap 进行开发与开发网页或多或少相同，Phonegap 只是 webview 和实际设备之间的连接。因此，几乎所有适用于 Web 的方法都适用于 Phonegap，请记住移动设备的资源有限，因此请注意不要使用框架、插件来膨胀您的应用程序和图像...

代码位于您应用的 www 文件夹，因此您可以在那里工作或选择另一个工作区并复制/粘贴(或构建)您的代码以进行测试。

除了在模拟器、实际设备或浏览器中进行测试(当我不使用很多 Phonegaps 功能时，我倾向于这样做)，Ripple emulator派上用场。您需要使用 chrome 浏览器。

我个人结合使用了 phonegap、jquery mobile、require.js 和 backbone.js。

您也可以看看 Grunt phonegap build将您的数据发送到 Phonegap build 的过程自动化。

请将此作为一个考虑因素而不是一个答案，有许多不同的方法，我只是想缩小范围。我建议您查看许多有用的样板文件，然后选择最适合您的编码风格的样板文件...