cordova技术集（一）Hello,cordova! 如何创建cordova项目。

cordova技术集（一）Hello,cordova!如何创建cordova项目。

Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。 —— [ 百度百科 ]

目录：

（一）简介

（二）如何安装cordova开发环境（MacOS）

（三）如何构建cordova的工程

（四）总结

（一）简介

关于什么是cordova，什么是phonegap，cordova和phonegap之间的关系是什么等等这些问题本文不会回答。具体的简介请移步谷歌或者百度。本文尽量写一些干货分享给大家。

（二）如何安装cordova开发环境（MacOS）

1）先要安装Node.js.

链接：https://nodejs.org/en/

nodejs官网



闭着眼睛下一步就OK



2）安装cordova.

链接：http://cordova.apache.org/

终端步骤：

$ npm install -g cordova

开始安装Cordova



cordova安装成功



这里提醒一下：

安装cordova是需要MacOS 上安装了npm的，如果发生错误或者Error,如果不是网络问题(大家都知道我们有堵墙)，那肯定是安装的nmp有问题了。怎么办？重装nmp。

重装nmp步骤：

1、

sudo npm uninstall npm -g

如果步骤1卸不掉npm了（我就是这种情况）

2、进到npm的安装目录 /usr/local/lib/node_modules/npm/

sudo make uninstall

3、手动重装npm

curl -L https://npmjs.com/install.sh | sh

到这里，cordova的环境配置算是完成了，万里长征第一步算是迈出去了。

安装nmp



nmp安装成功

（三）如何构建cordova的工程？

1)创建cordova的project，简单的一行命令行就OK了：

$ cordova create MyApp

MyApp就是你project的名字。也可以用以下命令明确指定应用ID和应用的名字：

$ cordova create project_name app_id app_name

这个命令还把应用ID写进应用的配置文件，并且有了一个和项目名字不同的应用名字，如项目文件夹叫testapp而应用名字叫Hello，可以这么写：

$ cordova create testapp com.cordovaprogamming.hello hello

创建cordova工程



2）所有的Cordova CLI命令都要在创建好的项目文件夹中执行，即用CLI执行的项目操作都要在create创建的项目文件夹中指行。

cordova工程的项目结构



这种项目结构便于跨平台处理。注意www文件夹单独被拿出来，这样就可以在多个移动平台上共享同一个web应用。简单的来讲，Written Once，Run Everywhere.这里面的once就是指的这个 www 文件夹。

并且，cordova将移动设备提供的API进行了一层封装，提供了一套相对抽象和简化的API供开发者调用.开发者只需要开发一套web应用就能运行在多个平台上。

2)为cordova项目添加platform project。

$ cd testapp

$ cordova platform add ios

这就为cordova项目添加了ios的工程。

添加项目的platform工程



planforms工程



这样你就可以愉快的开始cordova的开发了。

当然，用以下的代码可以查看你可以添加的工程列表。

$ cordova platform

大致有这几种： amazon-fireos, android, blackberry10, firefoxos, ios, osx, webos