`
1028826685
  • 浏览: 920640 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类

phonegap3.1.0自学笔记01_命令行界面(CLI)简单使用

 
阅读更多

2082人阅读 评论(1) 收藏 举报

要使用phonegap的CLI必须首先安装好phonegap,phonegap的安装还请参看我的另外一篇文章:windows7搭建phonegap3 Android开发环境。本篇文章介绍CLI的简单使用,由于本人水平有限,还请大侠不要拍砖。

 

phonegap3.1.0使用命令行去创建应用程序的框架,然后我们可以基于命令行创建的程序再去进行开发。创建应用程序的命令格式如下:

 

 

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova create hello com.example.hello HelloWorld  

使 用这个命令之前现在CMD中将目录切换到你想要保存程序代码的目录。其中第一个参数hello表示这个程序的名字,同时也会创建一个hello目录保存程 序的代码。第二个参数com.example.hello表示代码中的包的名字,第三个参数表示创建的应用的名字,这个可以在config.xml中修 改。第二个和第三个参数是可以省略的,如果省略那就都使用默认的。但是不建议使用省略的。生成的目录如下:

 

这 个目录中www文件夹表示的是我们的html、js、css存放的位置。plugins存放的是一些插件。使用上面命令行创建的程序是没有添加任何功 能,phonegap是通过插件去扩展其功能的,比如我们这时候想要使用phonegap的访问手机基本信息的api那么必须添加对应的插件,添加的插件 就是放到这个目录下面的。platforms这个目录下放置该程序支持平台对应的工程,当然这时候目录里面没有东西,下面我们会介绍添加平台。 merges目录下存放各个平台具有差异的文件的。比如我们有个css文件在android和ios上不同,这时候我们就可以把这个css放到这个目录 下,自动打包的时候,phonegap会自动区分的。

 

添加平台

 

我们使用上面的命令创建的程序是不支持任何平台的,我们需要手动添加,添加之前我们需要先进入到工程目录。

 

 

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cd hello  

添加台后如果需要在本地运行,那么必须确保本地安装了对应的SDK。下面添加Android和IOS平台:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova platform add ios  
  2. cordova platform add android  

执行了这两行代码后会发现在merges和platforms下面会生成对应的文件夹及文件,在platforms下会生成对应的工程,android的工程师可以用eclipse打开的,ios的不清楚,因为没有mac,嘿嘿。

查看添加的平台

 

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova platforms ls  


删除平台

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova platform remove blackberry10  
  2. cordova platform rm android  


构建应用程序

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova build  

上面的命令将会build所有平台的程序,使用下面的命令可以只build对应的平台:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova build ios  


在模拟器和设备上运行程序

phonegap提供了如下的命令去运行模拟器和真机运行,但是在开发中更多的导入对应的开发工具中,然后直接在开发工具中运行,所以个人认为下面的命令使用的不多。下面是运行模拟器:

 

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova emulate android  

下面是在真机上运行:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova run android  


更新phonegap

使用如下命令会将本地的phonegap更新到最新版:

 

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. npm update -g cordova  

当然我们也可以更新到特定的版本,命令如下:

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. npm install -g cordova@3.1.0  


查看phonegap版本

[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. cordova -v  

 

 

为应用程序添加插件会在下一篇博文中介绍,本人水平有限,如果上面内容有错误,还请指出。

重庆爬虫信息技术有限公司

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics