本文使用的环境是Mac OSX 10.9、Node 0.10.28、Cordova 3.4.1
1、安装Node.js
参考:Node.js的安装
安装成功后,就可以使用node和npm命令了。
2、安装Cordova
$ sudo npm install -g cordova
3、配置Cordova环境变量
$ vim .bash_profile export PATH=/usr/local/lib/node_modules/cordova/bin:$PATH $ source .bash_profile
4、查看Cordova版本信息
$ cordova -v 3.4.1-0.1.0
如果需要更新Cordova版本,执行以下命令:
$ sudo npm update cordova -g
至此,Cordova环境已经搭建完成。
接下来,创建一个基于Cordova的应用程序。
1、新建一个目录,并进入该目录
$ mkdir CordovaApp $ cd CordovaApp
2、创建一个Cordova工程
$ cordova create hello com.eric.hello HelloWorld
3、进入工程目录
$ cd hello
4、添加平台支持
$ cordova platform add ios $ cordova platform add android
如果没有安装并配置android SDK,执行此命令会报Error: The command "android" failed的错误,安装好android SDK,并正确配置环境变量后再执行即可。
$ vim .bash_profile export PATH=/Library/adt-bundle-mac-x86_64-20140321/sdk/platform-tools:$PATH export PATH=/Library/adt-bundle-mac-x86_64-20140321/sdk/tools:$PATH $ source .bash_profile
如果没有安装并配置ant,执行此命令会报Error: The command "ant" failed的错误,去Ant官网下载并解压到/usr/local目录下,并正确配置环境变量后再执行即可。
$ vim .bash_profile export PATH=/usr/local/apache-ant-1.9.4/bin:$PATH $ source .bash_profile
5、检查当前设置的平台
$ cordova platforms ls
6、编译应用程序
$ cordova build
7、在模拟器中运行应用程序
$ cordova emulate android $ cordova emulate ios
如果没有安装ios-sim,执行此命令会报Error: ios-sim was not found,执行以下命令安装ios-sim后再执行即可。
$ sudo npm install -g ios-sim
相关推荐
【Cordova环境搭建详解】 Cordova 是一个开源的移动应用开发框架,它允许开发者使用标准的 HTML、CSS 和 JavaScript 来构建跨平台的移动应用。本文将详细介绍在 Windows 7 系统上搭建 Cordova 开发环境的步骤,以及...
为了使开发人员可以顺利搭建 Cordova 环境,并开始开发应用,下面将详细介绍 Cordova 环境搭建的步骤和相关知识点。 首先,我们需要在 Windows 系统上安装 Node.js,因为 Cordova 是基于 Node.js 的 npm 包管理器...
【Cordova环境搭建指南】 Cordova是一款开源的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。本教程将详细介绍在Windows 7系统上搭建Cordova开发环境的步骤。 **1. 安装Java ...
本文将详细介绍如何在Windows 7环境下搭建Cordova开发环境。 首先,我们需要安装Java Development Kit (JDK)。JDK是开发Java程序的基础,Cordova的...至此,Cordova环境搭建完成,你可以开始开发跨平台的移动应用了。
Ionic+Cordova 环境搭建知识点大全 Ionic+Cordova 环境搭建是移动应用开发的必经之路,对于初学者来说,环境搭建的过程往往是一个痛苦的过程。本文将详细介绍 Ionic+Cordova 环境搭建的过程,包括 JDK 环境配置、...
最近在学习webapp开发,此文档是在网上搜集资料,并亲自搭建开发环境的过程,以备查阅。
Cordova 环境搭建指南(Windows 7) 本篇文章将指导您如何在 Windows 7 环境下搭建 Cordova 环境,并介绍 Cordova 的基本概念和使用方法。 一、环境搭建 1. 安装 JDK 首先,您需要安装 JDK。在本例中,我们使用...
【Cordova环境搭建详解】 Cordova 是一个开源的移动应用开发框架,允许开发者使用标准的 Web 技术(HTML、CSS、JavaScript)来构建原生的移动应用。本教程将详细讲解如何在Windows 7环境下搭建Cordova 5.0.0的开发...
在Android Studio中搭建Cordova环境是一项重要的工作,因为Cordova是一个流行的开源框架,它允许开发者使用Web技术(如HTML、CSS和JavaScript)来构建原生移动应用。Cordova通过将这些Web应用程序封装在原生应用壳中...
按照官网,看,但是很乱,自己整理了一下,还要镜像,无语了吧,导入...4.接着,大陆客户按照官网安装,不能成功” 安装cordova:npm install-g cordova” 5.搜索大陆论坛,不能解决,请教刘正洋老师,解答是:国内镜像
1. **Cordova环境搭建**: 在开始之前,你需要确保已经安装了Node.js,然后使用npm(Node包管理器)全局安装Cordova。执行`npm install -g cordova`即可。 2. **创建新项目**: 使用Cordova创建一个新的项目,...
Cordova需要Node.js环境,所以也需要安装Node.js。 2. **创建Cordova项目**:打开命令行工具,全局安装Cordova,输入`npm install -g cordova`。然后使用`cordova create <项目目录> <包名> <应用名称>`创建一个新...
【标题】"01 Ionic Angular Cordova介绍以及Ionic环境搭建-avi.rar"涉及的主要知识点是移动应用开发框架 Ionic、Angular 和 Cordova 的基础知识及其环境配置。这篇文章将详细讲解这三个技术的核心概念、相互关系以及...