join mywedding 2 phonegap开发环境搭建上

phonegap的安装过程的确非常折腾。搞了2个晚上了,终于现在弄的差不多了。整理一下过程。

1.Node.js安装。

phonegap需要node.js支持。首先到node官网下载node.js。目前node的安装为msi文件形式,这个只要是人应该都会的,再怎么不行一路下一步也能安装成功。安装完成后可以使用

node -v

查看目前安装的版本.当然npm也是集成在node.js中的可以使用

npm -version

查看npm的版本。

至此node的安装过程也就完成了。这也是我在安装过程中的步骤。因为是node菜鸟,或者说连菜鸟都不是,这样安装的过程会造成phonegap,cordova安装目录乱不统一的问题,我现在正在忍受这个问题,对于一个喜欢整洁的人来说这简直是灾难。最近流行逼死处女座,虽然我是双子但依然觉得往path变量里面加很多东西会很难受。btw我是不信星座的,不过豆瓣不要双子,这令我每次上豆瓣都感觉怪怪的。扯多了。作为一个处女座,或者喜欢整洁的双子座,可以在完成配置以后同一设置一个npm的global安装目录。设置方法:

npm config set prefix "C:Program Filesnodejsnode_global"
npm config set cache "C:Program Filesnodejsnode_cache"

当然我也不是很喜欢放到c盘,不过现在C盘比较大也就无所谓了,总比放到用户文件夹什么的要好。这样设置以后使用

npm install -g

安装的文件就都到node_global文件夹下了。只需要将此目录放入path中,npm安装的东西就都可以在命令行使用了,不会出现xxx不是内部命令的错误了。

至此node.js的安装在我这个node菜鸟看来就齐活了。当然欢迎大神进行各种指导。顺便唠叨一下,个人拙见,js越来越重要了,我两年前就这么觉得,现在越发的强烈了。js已经是全端工具了。好好学习,快点看完jquery。

2.phonegap的安装

phonegap的安装比较简单了,按照官网说明来就可以了。

npm install -g phonegap

安装完成后将phonegap的安装目录放入path下。

即可,当然不要忘记-g选项。

下面说usage为

$ phonegap create my-app
$ cd my-app
$ phonegap run android

不过点进文档以后是cordova的文档,这尼玛闹哪样,后来我发现了stack over flow上的讨论  稍微有点明白了。phonegap命令行也试了一下,应该差不多的。在此还是按照文档中的cordova方式来。

在overview中基于cordova开发有两种模式,一种是全部的cross platform,另一种是hybrid 。第一种可以随时切换到第二种,当然这个切换是不可逆的。考虑到我们的需求,妥妥的使用第一种。so,按照第一种的文档进行。

npm install -g cordova

安装完成后,如果没有对nodejs设置全局目录则需要将cordova的目录放入path中.按照官方指导:

$ cordova create hello com.example.hello HelloWorld
$ cd hello
$ cordova platform add android

在此过程中也bug尽出.如create的时候下载速度巨慢,有种想死的感觉,强行停止后提示删除错误.把所有tmp文件删除以后才可以.android的时候也出现了bug,因为android sdk api19不存在.竟然因为android sdk默认使用了api20 android L.这个有点扯了,sdk文件太新也是个麻烦.

使用sdk manager更新sdk 现在在我天朝成了技术活.不得不挂proxy.o(︶︿︶)o 唉.不多说政治.防河蟹.

今晚先写到这里.我要恢复设备去了.

to be continued…

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.