Nova PhoneGap框架 第十章 开发环境

时间:2023-03-08 17:27:22
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个好处已经是我们使用这个云编译最充分的理由了。我们在多个项目经验中,使用这个云编译服务,节省了我们自己的工作量,也方便了客户测试。