mac下 cordova 搭建

最近遇到一個cordova搭建的項目，因而看了看如何搭建這個。  這個其實 和 phoneGap 差很少，都是爲了方便html跨平臺才產生的產物。  cordova  也能夠生成  iOS  和 安卓倆平臺，可使html的開發者很容易就開發出一款基本的app。 固然若是想達到跟原生app同樣的效果，還須要有至關的原生功底才行。須要html與原生交互。

下面就說說如何搭建環境：

1、檢查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

 

2、安裝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) 

 

 

 

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

 

編譯代碼

4、運行項目

項目目錄下，有個platforms文件夾，找到對應的平臺，打開項目，運行。