高效的 Javascript/Phonegap 开发环境答案

【问题标题】：A Productive Javascript/Phonegap Development Environment高效的 Javascript/Phonegap 开发环境
【发布时间】：2014-02-11 20:13:44
【问题描述】：

几年来，我一直在构建 Android 应用程序，并且我已经达到了这个工作设置：

Intellij Idea IDE 写入/调试
Genymotion“模拟器”
物理设备（仅在需要时）
吉特
Ant（可能应该迁移到 Gradle）发布/调试版本

现在我希望为 Android/iOS/Win8Phone 的 Javascript（Phonegap 等）构建一个同样高效的环境。

我想避免“仅限漂亮文本编辑器”的解决方案（我相信完整的 IDE 在生产力方面更胜一筹）。

有什么建议吗？

【问题讨论】：

只是想澄清一下，您想避免在代码编辑器和 Chrome 之间不断切换进行调试的需要吗？
我的意思是避免使用纯文本编辑器的解决方案，我正在寻找一个完整的 IDE（现在将编辑问题）
您应该尝试 Adobe Brackets，正如 Pradyumna 所提到的。它具有集成到 Chrome 中的实时开发模式。您在括号中输入的任何内容都会立即反映到浏览器中，如果您有 2 个屏幕，则此设置非常有用。
感谢 James 提及我的名字...并添加有关括号的额外信息以便于理解...

标签： javascript cordova ide production-environment

【解决方案1】：

试试括号编辑器http://brackets.io/。这是一个很好的网络编码编辑器。 Phonegap 插件也可用于此编辑器。看看这个编辑器。请务必下载兼容 Phonegap 插件的 Brackets 版本。

【讨论】：

【解决方案2】：

对于我开发的 Cordova/Phonegap 应用程序，我使用了 cloud9。在我的工作流程中，我会首先在浏览器中运行，然后偶尔使用 Adobe 的 Phonegap Build 服务进行构建，以解决我的移动设备上的问题。 c9 的好处是您将拥有正在开发的网站的公共 URL，因此您可以在设备的浏览器中预览它，这通常更接近您使用 Phonegap 获得的环境。

weinre 调试工具虽然通过http://debug.phonegap.com/ 运行它会很慢，但在移动设备上调试时确实可以帮助追踪问题。

【讨论】：