`
1028826685
  • 浏览: 940657 次
  • 性别: 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  

 

 

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

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

分享到:
评论

相关推荐

    phonegap_baidu_sdk_locatio plugin for vs2015

    cordova的location插件使用有点问题,经常找不到位置,在国内更常用的是使用百度SDK开发的定位插件,但是由于cordova版本升级,不能在VS2015项目中使用,为此我修改了以前的phonegap_baidu_sdk_location插件,使他能...

    phonegap-cli, PhoneGap和 PhoneGap/构建 命令行 接口.zip

    phonegap-cli, PhoneGap和 PhoneGap/构建 命令行 接口 PhoneGap命令行接口和 node.js 库。命令行命令行要求安装 node.js 版本 >=4.0.0安装 iOS sim 将应用程序部署到iOS模拟器。安装$ npm install

    phonegap_baidu_sdk_location, 针对android的phonegap百度sdk位置.zip

    phonegap_baidu_sdk_location, 针对android的phonegap百度sdk位置 phonegap-baidu-locationPhonegap百度位置插件fork地址:https://github.com/andybuit/phonegap-baidu-location使用方法详见我的博客:http://sn

    PhoneGap和Shadow_–_基于Web标准的移动开发和测试

    ### PhoneGap和Shadow_–_基于Web标准的移动开发和测试 #### 1. 移动应用开发的主要方式 在移动应用开发领域,主要存在三种不同的开发方式:原生开发(Native)、混合开发(Hybrid)以及Web应用开发。原生开发针对...

    phonegap_baidu_sdk_locatio plugin for vs2015 with baidu定位SDK v6.2.2

    以前上传过一个cordova 百度定位插件可以支持VS2015,但由于插件使用的是很老的V4.3百度开发包,对一些些手机支持不是很好,有定位困难的情况,因些将插件升级到最新的百度定位SDK V6.2.2,提高定位精度和兼容性。...

    PhoneGap学习笔记之01 HelloWorld

    这通常包括Node.js、PhoneGap CLI(命令行界面)以及相关的平台SDK,如Android Studio或iOS的Xcode。在安装完成后,我们可以使用命令行工具创建一个新的PhoneGap项目,并指定项目名(例如,"ABPG-HelloWorld"),这...

    phonegap_vin_scanner_plugin

    Phonegap插件安装 适用于 iOS 和 Android 平台的 Phonegap VIN 扫描仪插件。 安装说明: 使用“phonegap create”命令生成你的项目 使用以下命令将插件添加到您的项目中: phonegap plugin add ...

    Phonegap_API_中文版

    1. **环境配置**:首先,你需要安装PhoneGap CLI(命令行界面)和相关的平台SDK(软件开发工具包),如Android Studio或Xcode。配置完成后,你可以使用CLI创建新项目、添加目标平台,并进行编译和部署。 2. **...

    phonegap_download_not_zip

    PhoneGap 命令行界面 创建新应用程序时, 会自动下载此存储库。 PhoneGap 构建 使用以下存储库创建一个新应用程序: https://github.com/phonegap/phonegap-start.git 亚硝酸盐 首先来使用这个项目。 然后在...

    PhoneGap_API_中文说明_File(文件).doc

    PhoneGap_API_中文说明_File(文件),很好的android开发学习教材。

    obsolete_phonegap_download_and_writefile:phonegap 演示,使用 http 下载文件,然后将文件写入本地文件系统

    这个过程涉及到几个关键知识点,包括 PhoneGap 的工作原理、文件系统API的使用以及JavaScript的网络请求。 1. **PhoneGap 工作原理**: PhoneGap 是基于 Apache Cordova 构建的,它提供了一个中间层,使得 ...

    android > Phonegap_ html5_css3_jQuery

    - 通常使用Eclipse或IntelliJ IDEA等IDE来开发PhoneGap应用,这些工具提供了自动完成、调试和构建支持。 7. **构建流程**: - 开发者首先编写HTML、CSS和JavaScript文件,然后在PhoneGap环境中配置设备API访问...

    PhoneGap环境搭建demo

    3. **安装PhoneGap CLI**:打开命令行工具,使用npm命令安装PhoneGap全球范围的CLI(命令行接口): ``` npm install -g phonegap ``` 这将全局安装PhoneGap CLI,使你能够在任何目录下使用`phonegap`命令。 4....

    html5框架PhoneGap API详解笔记(ppt及word版)

    2. **创建项目**:使用PhoneGap CLI创建新项目,指定应用名称、ID等信息。 3. **编写HTML5、CSS3和JavaScript代码**:在项目的www目录下编写Web应用界面和逻辑。 4. **集成PhoneGap API**:在JavaScript中调用...

    phonegap模版

    PhoneGap提供了命令行工具(CLI)和集成开发环境(IDE)插件,如Visual Studio或Android Studio,帮助开发者管理和构建应用。PhoneGap CLI允许开发者创建、添加、准备、构建和运行项目,而IDE插件则提供了更直观的...

    phonegap_test1

    - PhoneGap CLI (命令行界面):用于初始化项目、添加平台、构建和运行应用。 - Visual Studio Code 或其他IDEs:提供集成的开发环境,包括代码编辑、调试和插件管理功能。 - PhoneGap Build:一个在线服务,允许...

    iOS 使用PhoneGap 开发HTML5 的APP

    2. **Node.js**: Node.js是运行PhoneGap命令行接口(CLI)所必需的。 3. **Homebrew**: 一个Mac的包管理器,用于安装CLI工具。 4. **PhoneGap CLI**: 通过npm(Node的包管理器)安装。 **创建PhoneGap项目** 1. 打开...

    PhoneGap环境搭建

    4. Node.js:PhoneGap CLI(命令行界面)是基于Node.js的,所以我们需要安装Node.js来运行PhoneGap命令。 5. PhoneGap CLI:通过npm(Node包管理器)安装PhoneGap的命令行工具。 安装步骤如下: 1. **安装JDK**:...

Global site tag (gtag.js) - Google Analytics