Nova PhoneGap框架 第十章 开发环境

10.1 Visual Studio + ReSharper

PhoneGap程序由HTML、CSS和JS编写而成，这3种语言的编写你都可以用记事本来完成，但显然效率比较低，出错的概率也比较大。一个强大的集成开发环境绝对能帮我们节约很多时间。这里我要推荐Visual Studio + ReSharper.

 

如果你的PC已经安装了Visual Studio,那么请毫不犹豫的选择用Visual Studio来开发，同时安装最新版的ReSharper。没有其他任何工具比这两种工具的组合强大。

 

在VisualStudio中，菜单栏选择 FILE > Open > Web Site打开你的PhoneGap程序。同时我还建议把这个站点部署到IIS，这样你就可以通过localhost在浏览器中访问你的程序了。

10.2 Chrome

基于我们框架开发的PhoneGap程序，可以说80%以上的测试都是在浏览器中完成的。这里我推荐使用Google Chrome来测试，最主要的原因在于Google Chrome支持WebSql （HTML5 SQLite），因此就不用再到mock里面去写那么复杂的SQLite了。

 

当然，如果你的程序没有使用SQLite,你也可以用FireFox + FireBug 来测试。

10.3 grunt

grunt是基于nodeJS的，要使用grunt，你先要安装nodeJS。相关的安装步骤我就不赘述了，google上写的详细的教程俯拾皆是。

 

grunt的作用主要是JS文件的合并和压缩。由于grunt的配置文件使用JS编程的方式来写，就算你的项目再大在复杂，grunt都可以轻松应对。

 

在grunt的配置中，我建议一定要有这2个关键的配置。一个是debug，一个是release。所谓debug就是文件的合并不压缩，所谓release就是文件的合并和压缩。实验证明，只合并不压缩的grunt执行的非常快，而执行了压缩的grunt要慢很多。并且，当我们在浏览器中测试的时候，压缩了的JS是无法调试的。

 

只有当需要发布应用程序的时候，才使用"grunt release"， 否则都是用"grunt debug".

 

10.4 build.phonegap.com

如果你的程序没有使用自定义的PhoneGap插件，在测试阶段我都建议使用PhoneGap官方的云编译服务。这个服务允许每一个账号创建一个私有的项目，因此你需要为每一个项目创建一个账号。

 

使用这个云编译的好处有2点：

1. 保证了只写一次代码，到处可运行，否则就要针对不同的平台建立多处源代码；

2. 可以将安装二维码发给客户，客户只需用设备扫描即可安装。

 

这2个好处已经是我们使用这个云编译最充分的理由了。我们在多个项目经验中，使用这个云编译服务，节省了我们自己的工作量，也方便了客户测试。