Mac下Cordova环境搭建

叁歲伎倆 2022-08-20 06:29 275阅读 0赞

# Mac下Cordova环境搭建 #

## 一、检查JS运行环境 ##

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

laomao:~ laomao$ npm -v
    2.14.12

# 二、安装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

编译代码，只截取其中一部分Log，编译出来的Log实在太多了

laomao:MyCordovaApp laomao$ cordova build
    Building project  : /Users/laomao/MyCordovaApp/platforms/ios/HelloCordova.xcodeproj
        Configuration : Debug
        Platform      : emulator

# 四、运行项目 #

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

# 五、总结 #

1、流程真的是非常简单，难就难在那堵墙，有很多网站打不开。  
2、文档在[http://cordova.apache.org/docs/en/latest/guide/overview/][http_cordova.apache.org_docs_en_latest_guide_overview]有繁体中文版的文档，很多专业词汇看起来比英文还难受，建议直接看英文版的。

iOS交流群，379152758，欢迎加入

[https_nodejs.org]: https://nodejs.org
[http_cordova.apache.org_docs_en_latest_guide_overview]: http://cordova.apache.org/docs/en/latest/guide/overview/