Mac下Cordova环境搭建

最新推荐文章于 2021-12-09 11:28:34 发布

原创最新推荐文章于 2021-12-09 11:28:34 发布 · 7.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Cordova

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在Mac环境下如何一步步搭建Cordova开发环境，包括检查JavaScript运行环境、安装Cordova、创建项目并添加iOS平台，以及如何运行项目。过程中可能会遇到因网络问题导致的资源访问困难，建议参考英文版官方文档以获取最新信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Mac下Cordova环境搭建

一、检查JS运行环境

打开命令行，运行以下命令
如果不能打出版本号，需要去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