如何在WebStorm中设置PhoneGap项目

Question

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

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

现在事情让我感到困惑的是:

1. 如果我想使用PhoneGap在WebStorm中开始构建Web应用程序,我将进入我的WebStorm项目？我需要从我的PhoneGap项目目录中取一些东西吗？如果是这样,我会采取什么样的作品？我是否需要将其作为外部库放入,或者我可以将其放入我的根目录中？

2. 如果我也想使用像requirejs这样的模块加载器,那么如果我试图让手机间隙成为一个模块,我是否需要跳过任何额外的环节或者我会遇到的问题？或者,在加载需要之前加载我的cordova.js文件是一个更好的主意吗？

我看过很多有点点滴滴的帖子,或者有些帖子告诉你如何专门为Android设置,或者使用具有不同文件结构的早期版本的PhoneGap.但一直无法找到真正解释整个画面的东西给我.

Answer 1

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

代码驻留在应用程序的www文件夹中,因此您可以在那里工作或选择其他工作区并复制/粘贴(或构建)您的代码以进行测试.

除了在模拟器,实际设备或浏览器中进行测试(当我不使用大量的Phonegaps功能时,我倾向于这样做),Ripple模拟器就派上用场了.您需要使用Chrome浏览器才能使用它.

我个人使用phonegap,jquery mobile,require.js和backbone.js的组合.

您还可以查看Grunt phonegap构建,以自动化将数据发送到Phonegap构建的过程.

请把它作为考虑而不是答案,有许多不同的方法,我只是想缩小范围.我建议看看那里有很多有用的样板,并选择最适合你编码风格的样板......