简介:公司为了开发方便,所以使用cordova开发项目,Cordova支持以下移动操作系统:iOS, Android,ubuntu phone
os, Blackberry, Windows Phone, Palm WebOS, Bada 和
Symbian,使用的时候只需要导入插件就可以了。
一、 环境搭建
1、首先安装Node.js
下载地址:https://nodejs.org/en/
有两个版本,第一个版本是稳定版,第二个版本是最新版
下载安装后,可以通过在终端输入命令 npm –v,如果返回版本号就说明安装成功,如下图:
2、安装cordova
直接在终端运行命令安装:
sudo npm install –g cordova
如果是要更新cordova,运行如下命令:
sudo npm update cordova –g
测试cordova是否安装成功,运行如下命令
cordova -v
如果返回版本号,则证明安装成功
二、 创建项目
环境搭建完毕,现在就来创建cordova项目
1、首先在终端输入要创建的项目的路径
cd 路径
2、运行以下命令创建项目
cordova create myDemo com.name.myDemo mydemo
参数说明:
第一个参数:myDemo是工程的文件夹名
第二个参数:(可选)com.name.myDemo为应用的id名,可以在config.xml ****中修改,如果不指定的话默认为**** io.cordova.hellocordova****;
第三个参数:(可选)mydemo是APP的名字,也可以在config.xml中修改
3、创建成功后的工程目录如下:
目录文件说明:
conig.xml :cordova的配置文件
hooks/ :存放自定义cordova命令的脚本文件。
platforms/ :各个平台原生工程代码,会在build时被覆盖勿修改
plugins/ :插件目录(主要是提供各个平台的原生API)
www/ :用H5编写的源代码目录,build时会被放入各个平台的assets\www目录。
www/index.html :App入口html文件**
三、添加iOS平台支持
1、选择工程的路径,用的是cd命令
cd 路径
2、使用以下命令添加iOS平台文件
cordova platform add ios
如下图所示:
运行成功后会在platforms文件夹里边有一个iOS文件夹,打开工程如下图所示:
打开项目,目录列表如下:
四、cordova插件操作
插件列表网址:http://docs.wex5.com/cordova-plugins/
这个里边关于插件的清单列举的很详细,可以参考这个列表就行了,因为太多了,我就不一一写下来了。
下面我再介绍一下使用cordova常用的命令有哪些;
添加平台的命令:
cordova platform add android/ios
添加插件的命令:
cordova plugin add 插件目录(这里可以是插件的路径,也可以是插件的名字)
移除插件的命令:
cordova plugin remove 插件的名字
为了确保移除插件的时候不出错,首先获取插件列表,查看要移除的插件名字是否写对,所以查看插件列表的命令:
cordova plugin list
更新项目的命令:
cordova platform update android/ios
我这边以蓝牙插件为例:
添加插件:
添加成功后会在打开工程在plugins文件夹里边查看
也可以通过查看插件列表:
移除插件: