跨平台移动开发cordova系列教程-helloworld-plugin

在新建cordova之前要安装搭建cordova的安装使用环境。在此不做叙述。本文主要写了新建cordova工程以及添加cordova的包的语句。

1、新建cordova工程

打开cmd命令行,选择一个路径,在其下面创建cordova工程:

cordova create HelloWorld lingjiao.mobile HelloWorld  

cd HelloWorld

如下图:(我在D盘中创建了一个名为Helloworld的cordova工程)

 

2、安装插件

获取基本的设备信息:

cordova plugin add org.apache.cordova.device

 获得电池状态:

cordova plugin add org.apache.cordova.battery-status

 加速度传感器、指南针信息和地理定位信息:

cordova plugin add org.apache.cordova.device-motion

 cordova plugin add org.apache.cordova.device-orientation

 cordova plugin add org.apache.cordova.geolocation

获得摄像机、截图和媒体:

cordova plugin add org.apache.cordova.camera  

cordova plugin add org.apache.cordova.media-capture

cordova plugin add org.apache.cordova.media

 

 

2015年2月10号,官网更新了cordova plugin的包,可以通过先删除后重新添加的方式更新:

例如更新camera

You can update any plugin by removing it, and then re-adding it.

E.g. To update your camera plugin:

cordova plugin rm org.apache.cordova.camera

cordova plugin add org.apache.cordova.camera

但我们在进行操作时发现,给出了如下的提示:

获得网络情况:

cordova plugin add org.apache.cordova.network-information

 cordova的添加plugin的操作,现在更新,要通过npm更好的获取最新版本version 3.0:

首先电脑中确保安装了node和NPM,没有的可以百度安装下,然后

$ npm install -g plugman
成功以后,在命令行输入如下格式的安装命令即可安装:

$ plugman install --platform <ios|amazon-fireos|android|blackberry10|wp8>--project <directory> --plugin <name|url|path> [--plugins_dir <directory>] [--www <directory>] [--variable <name>=<value> [--variable <name>=<value> ...]]

例如

D:\HelloWorld>plugman install --platform android --project HelloWorld --plugin c
ordova-plugin-battery-status

  • cordova-plugin-battery-status

    plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-battery-status

  • cordova-plugin-camera plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-camera

  • cordova-plugin-console plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-console

  • cordova-plugin-contacts plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-contacts

  • cordova-plugin-device plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-device

  • cordova-plugin-device-motion (accelerometer) plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-device-motion

  • cordova-plugin-device-orientation (compass) plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-device-orientation

  • cordova-plugin-dialogs plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-dialogs

  • cordova-plugin-file plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-file

  • cordova-plugin-file-transfer plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-file-transfer

  • cordova-plugin-geolocation plugman --platform <ios|amazon-fireos|android|blackberry10|wp8>--project --plugin cordova-plugin-geolocation

下一步:添加android平台

cordova platform add android

 

posted @ 2015-08-31 15:01  lingjiao  Views(240)  Comments(0)    收藏  举报