最近遇到一个cordova搭建的项目，于是看了看如何搭建这个。这个其实和 phoneGap 差不多，都是为了方便html跨平台才产生的产物。 cordova 也可以生成 iOS 和安卓俩平台，可以使html的开发者很容易就开发出一款基本的app。当然如果想达到跟原生app一样的效果，还需要有相当的原生功底才行。需要html与原生交互。

下面就说说如何搭建环境：

一、检查JS运行环境

打开命令行，运行以下命令
如果不能打出版本号，需要去https://nodejs.org下载运行环境，是一个pkg，安装。

laomao:~ laomao$ npm -v

2.14.12

上面的这个安装npm有时候会被墙，要像安装pod那样先改变本地镜像

方法如下：

更换成淘宝的源

npm config set registry https://registry.npm.taobao.org
– 配置后可通过下面方式来验证是否成功
npm config get registry
– 或npm info express

二、安装Cordova

在命令行运行以下命令，安装Cordova
这里由于是用的sudo系统管理命令，所以需要输入系统密码。

laomao:~ laomao$ sudo npm install -g cordova@6.0

Password:

npm WARN deprecated npmconf@2.1.2: this package has been reintegrated into npm and is now out of date with respect to npm

/usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova

cordova@6.0.0 /usr/local/lib/node_modules/cordova

├── underscore@1.7.0

├── q@1.0.1

├── ansi@0.3.1

├── nopt@3.0.1 (abbrev@1.0.7)

├── update-notifier@0.5.0 (is-npm@1.0.0, semver-diff@2.1.0, chalk@1.1.1, string-length@1.0.1, repeating@1.1.3, configstore@1.4.0, latest-version@1.0.1)

└── cordova-lib@6.0.0 (valid-identifier@0.0.1, opener@1.4.1, properties-parser@0.2.3, semver@4.3.6, shelljs@0.3.0, cordova-app-hello-world@3.10.0, nopt@3.0.6, xcode@0.8.0, dep-graph@1.1.0, npmconf@2.1.2, aliasify@1.9.0, npm@2.14.18, request@2.47.0, tar@1.0.2, init-package-json@1.9.3, cordova-serve@1.0.0, cordova-js@4.1.3)

三、创建项目，增加平台

运行以下命令，创建一个cordova项目

laomao:~ laomao$ cordova create MyCordovaApp

Creating a new cordova project.

以iOS为例，增加iOS平台（官网的示例是浏览器的）

laomao:~ laomao$ cd MyCordovaApp/

laomao:MyCordovaApp laomao$ ls

config.xml  hooks       platforms   plugins     www

laomao:MyCordovaApp laomao$ pwd

/Users/laomao/MyCordovaApp

laomao:MyCordovaApp laomao$ cordova platform add ios

Adding ios project...

iOS project created with cordova-ios@4.0.1

Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project

Fetching plugin "cordova-plugin-whitelist@1" via npm

Installing "cordova-plugin-whitelist" for ios

编译代码

四、运行项目

项目目录下，有个platforms文件夹，找到对应的平台，打开项目，运行。

巴特西

mac下 cordova 搭建

一、检查JS运行环境

二、安装Cordova

三、创建项目，增加平台

四、运行项目

最新文章

热门文章