一、环境下载

1、下载并安装Node.js

安装一路下一步即可

2、下载并安装Git

安装一路下一步即可

3、配置Android开发平台环境

(1)下载JDK

(2)下载AndroidSDK

(3)下载Apache Ant

(4)下载eclipse

二、环境配置

1、JDK环境变量配置

系统变量中新建JAVA_HOME 指定你的jdk安装位置

C:\Program Files\Java\jdk1.8.0_111

新建:CLASSPATH

.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

Path变量中添加

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

验证:

如果 java -version能正常显示版本号,而javac -version不能显示版本号可能是你安装的JDK不完整,或者你的"Path"变量中没有正确指定javac.exe所在的目录位置

2、AndroidSDK环境配置

加入:ANDROID_HOME 指向你的AndroidSDK安装目录

C:\Program Files (x86)\Android\android-sdk

Path加入

;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

验证

adb不是内部命令,原因可能是你的环境变量不正确没有正确指向adb.exe所在的路径或者你指向的“platform-tools”位置是空的,并不包含adb.exe,你可以启动SDK Manager 随便下载几个api

2、安装Node.js

三、Cordova全局安装

打开命令工具(按键win+r,输入cmd回车),执行

npm install –g cordova

需要下载框架包,非常慢,别急,耐心点,不要中断执行。

中途可能会出现“Error: shasum check failed for” 错误,多数是因为,网络问题,导致下载插件包失败,可以重试几次,或者换国内的镜像源即可

四、创建并构建App项目

1、创建项目

在命令窗口打开项目根目录(执行cd 目录名),执行cordova create 子项目名 package包名 应用名,例如: cordova create hello com.example.hello helloWorld

2、添加平台

a、在命令窗口打开项目目录(例如 cd hello)

b、执行cordova platforms ls,检查你的电脑支持的平台

c、在命令窗口打开项目目录(例如 cd hello),

d、执行cordova platform add android

如出现 error:please install android target: "android-22".错误,请打开SDK Manager 下载对应的tools,如下载出问题,多数是因为网络,配置一个googe hosts搞定;若出现“Stopping ADB server failed (code -1).” 安装完后,你把ADB服务重新启动下(在命令行输入:adb kill-server停止服务,然后adb start-server启动服务即可)

3、构建应用:

在命令窗口执行cordova build android,此步骤需要在maven.org下载框架包非常慢,请耐心等待

有出错了

“You have not accepted the license agreements of the following SDK components”

继续打开打开SDK Manager 下载对应的tools,然后重新build

build完成

检查hello目录结构

•config.xml:Cordova的核心配置信息
•hook :自定义扩展功能
•platform :支持的平台,例如Andriod、iOS等
•plugins :插件目录
•www :web目录

五、测试

1、模拟器测试:运行cordova emulate android

4、手机测试

连接手机,打开usb调试,在命令窗口执行cordova run android

Cordova环境搭建与hello word的更多相关文章

  1. ionic2环境搭建与hello word

    一.环境搭建 需要安装配置以下组件,具体参考:Cordova环境搭建, 我的版本信息如下: 这里要特别注意,node版本,ionic2需要 大于v6 ,而不是0.xx版本,否则会不支持报错. 二.设置 ...

  2. Cordova环境搭建 & HelloWorld

    目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...

  3. cordova 环境搭建

    安装环境前题是nodejs已安装,android环境搭建完成,android环境没有通过http://www.androiddevtools.cn/安装,安装使用 淘宝 NPM 镜像 方式 1.运行c ...

  4. sencha touch 2.3 结合cordova 环境搭建

    sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早 ...

  5. cordova环境搭建

    首先,需要了解一下cordova 和 phonegap 的关系.phoneGap是原先的名字,Cordova是phoneGap被捐给apache之后 用的项目名,phoneGap的名字也被保留了. 1 ...

  6. WebStorm 之 Cordova 环境搭建

    一.环境搭建 Cordova 环境配置之前,应先下载安装 Node.js ,中文官网:http://nodejs.cn/. 以管理员身份运行 cmd 命令行工具: 1.查看 Node.js 是否已安装 ...

  7. iOS下JS与OC互相调用(七)--Cordova 环境搭建

    Cordova大家可能比较陌生,但肯定听过 PhoneGap ,Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字.它是一个可以让 JS 与原生代码互相通信的一个库,并且提供了一 ...

  8. webapp开发学习---Cordova环境搭建

    Cordova 使用HTML, CSS & JS进行移动App开发;多平台共用一套代码;免费开源 步骤:(来自Cordova官网) 1.安装Cordova(在node.js环境下进行安装) 命 ...

  9. cordova环境搭建,搭建项目,以及拍照功能的实现

    一.配置环境 1.配置java环境: 下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-13 ...

随机推荐

  1. HTML5----input-datalist输入框自己主动提示功能

    效果图: <label for="word_name">字母 : </label> <input id="word_name" n ...

  2. html5 音频和视频(audio And video)

    1.音频和视频  Web 上的视频 直到现在,仍然不存在一项旨在网页上显示视频的标准. 今天,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定 ...

  3. highchart几个图表马金摘要

    1)  Js的引入顺序不对,导致highchart的图表出不来. 由于Highchart插件中用到了jquery,jquery的js要在引入highchart的js之前引入,否则当会导致当载入high ...

  4. android 使用 service 实现音乐

    今天的球员趁service.播放音乐service结束,进度条activity结束,因此,基础工作activity和service互动,本文将使用IBinder互动.主要activity能够调用ser ...

  5. codeforces #257 C称号Jzzhu and Chocolate

    职务地址:http://codeforces.com/contest/450/problem/C 这次CF的时候绝壁脑残了. ..A题和C题都出现了脑残失误... 唯一一个AC的B题还是被HACK了. ...

  6. 使用GDB调试器(一)

    使用GDB调试器 GDB概要---- GDB是GNU开源组织公布的一个强大的UNIX下的程序调试工具.也许,各位比較喜欢那种图形界面方式的,像VC.BCB等IDE的调试,但假设你是在UNIX平台下做软 ...

  7. DHTML【3】--HTML

    从这一节开始我们就开始介绍HTML的标签了,首先我们来介绍Form标签. Form标签也称Form表单,From是与服务器交互最重要的标签,此标签必须做到随手就写,写完就正常运行的地步. 那么什么是F ...

  8. c# in deep 之LINQ简介(1)

    前两天公司进了一批书,在借阅jon skeet的c# in deep收获颇大,本书特点是介绍了不同版本的c#所增加的新特性.今天先写一下书中对linq的描述. 很多初学者在使用VS2010或2013写 ...

  9. Apache HttpServer Installing the apache2.2 service <OS 5>拒绝访问. :Failed to open the WinNT service manager

    Installing the apache2.2 service<OS 5>拒绝访问.  :Failed to open the WinNT service manager 只需要于管理员 ...

  10. ubuntu 12.04 安装和使用花生壳

    1.安装必要的开发包 [root@localhost ~]# apt-get install gcc g++ autoconf automake 2.下载phddns到某一个目录 http://www ...