`
jsntghf
  • 浏览: 2512671 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Cordova的环境搭建

    博客分类:
  • iOS
阅读更多

本文使用的环境是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环境搭建(win7)

    【Cordova环境搭建详解】 Cordova 是一个开源的移动应用开发框架,它允许开发者使用标准的 HTML、CSS 和 JavaScript 来构建跨平台的移动应用。本文将详细介绍在 Windows 7 系统上搭建 Cordova 开发环境的步骤,以及...

    cordova环境搭建说明

    为了使开发人员可以顺利搭建 Cordova 环境,并开始开发应用,下面将详细介绍 Cordova 环境搭建的步骤和相关知识点。 首先,我们需要在 Windows 系统上安装 Node.js,因为 Cordova 是基于 Node.js 的 npm 包管理器...

    cordova环境搭建(win7).docx

    【Cordova环境搭建指南】 Cordova是一款开源的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。本教程将详细介绍在Windows 7系统上搭建Cordova开发环境的步骤。 **1. 安装Java ...

    cordova环境搭建(win7).pdf

    本文将详细介绍如何在Windows 7环境下搭建Cordova开发环境。 首先,我们需要安装Java Development Kit (JDK)。JDK是开发Java程序的基础,Cordova的...至此,Cordova环境搭建完成,你可以开始开发跨平台的移动应用了。

    ionic+cordova学习之环境搭建

    Ionic+Cordova 环境搭建知识点大全 Ionic+Cordova 环境搭建是移动应用开发的必经之路,对于初学者来说,环境搭建的过程往往是一个痛苦的过程。本文将详细介绍 Ionic+Cordova 环境搭建的过程,包括 JDK 环境配置、...

    ios下cordova环境搭建

    最近在学习webapp开发,此文档是在网上搜集资料,并亲自搭建开发环境的过程,以备查阅。

    最新cordova5.0.0环境搭建(win7).docx

    Cordova 环境搭建指南(Windows 7) 本篇文章将指导您如何在 Windows 7 环境下搭建 Cordova 环境,并介绍 Cordova 的基本概念和使用方法。 一、环境搭建 1. 安装 JDK 首先,您需要安装 JDK。在本例中,我们使用...

    最新cordova5.0.0环境搭建(win7).pdf

    【Cordova环境搭建详解】 Cordova 是一个开源的移动应用开发框架,允许开发者使用标准的 Web 技术(HTML、CSS、JavaScript)来构建原生的移动应用。本教程将详细讲解如何在Windows 7环境下搭建Cordova 5.0.0的开发...

    android studio搭建Cordova环境

    在Android Studio中搭建Cordova环境是一项重要的工作,因为Cordova是一个流行的开源框架,它允许开发者使用Web技术(如HTML、CSS和JavaScript)来构建原生移动应用。Cordova通过将这些Web应用程序封装在原生应用壳中...

    cordova android 环境搭建与项目导入排错

    按照官网,看,但是很乱,自己整理了一下,还要镜像,无语了吧,导入...4.接着,大陆客户按照官网安装,不能成功” 安装cordova:npm install-g cordova” 5.搜索大陆论坛,不能解决,请教刘正洋老师,解答是:国内镜像

    android 第三方webview cordova的集成使用

    Cordova需要Node.js环境,所以也需要安装Node.js。 2. **创建Cordova项目**:打开命令行工具,全局安装Cordova,输入`npm install -g cordova`。然后使用`cordova create <项目目录> <包名> <应用名称>`创建一个新...

    Cordova的示例后台服务_HTML_Java_下载.zip

    1. **Cordova环境搭建**: 在开始之前,你需要确保已经安装了Node.js,然后使用npm(Node包管理器)全局安装Cordova。执行`npm install -g cordova`即可。 2. **创建新项目**: 使用Cordova创建一个新的项目,...

    01 Ionic Angular Cordova介绍以及Ionic环境搭建-avi.rar

    【标题】"01 Ionic Angular Cordova介绍以及Ionic环境搭建-avi.rar"涉及的主要知识点是移动应用开发框架 Ionic、Angular 和 Cordova 的基础知识及其环境配置。这篇文章将详细讲解这三个技术的核心概念、相互关系以及...

Global site tag (gtag.js) - Google Analytics