Cordova环境搭建与创建工程

时间:2021-11-22 17:39:48

Cordova环境搭建与创建工程

1.安装node.js

Nodejs是Cordova开发所需平台,所以必须先安装nodejs。

从 node.js网站下载并安装,安装成功后,在命令行输入命令:node 或 npm,(cordova命令行工具以npm包方式发布,所以必须安装npm)不报错即安装成功,第一步OK。

2.安装cordova

linux或者OS X平台使用以下命令安装:

sudo npm install -g cordova

windows平台使用以下命令安装:

npm install -g cordova

-g参数表示全局安装,否则仅安装在当前目录。

3. 创建Cordova工程

输入命令:

cordova create bbpark_native com.foresealife.bbpark BBPark

bbpark_native:工程目录的名称

com.foresealife.bbpark:工程包名

BBPark:工程名称

4.添加相应平台支持

进入Cordova工程的根目录

cd bbpark_native

然后执行

cordova platforms add ios //添加iOS平台支持

cordova platforms add android //添加android平台的支持

cordova platforms ls //查看安装的平台

添加平台后的文件目录如图所示:
Cordova环境搭建与创建工程

5.添加所需要的插件

根据具体功能添加插件,比如文件操作插件

cordova plugin add cordova-plugin-file-transfer*//安装的文件操作插件*

cordova plugin ls //查看安装的插件

要移除插件也很容易:

cordova plugin remove cordova-plugin-camera*//移除的相机操作插件*

Cordova所有的插件可以在http://cordova.apache.org/docs/en/latest/查看,官方文档很详细,只需要按照步骤操作即可。

6.运行工程

以上基本已完成了所需要的基本操作,在本地Android或iOS环境搭建完成的基础上,用Android studi或xcode打开platforms下的工程,编译运行即可。

到此,一个基本的利用Cordova搭建的Hybrid App就基本完成了。