Cordova环境搭建与hello word
一、环境下载
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的更多相关文章
- ionic2环境搭建与hello word
一.环境搭建 需要安装配置以下组件,具体参考:Cordova环境搭建, 我的版本信息如下: 这里要特别注意,node版本,ionic2需要 大于v6 ,而不是0.xx版本,否则会不支持报错. 二.设置 ...
- Cordova环境搭建 & HelloWorld
目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...
- cordova 环境搭建
安装环境前题是nodejs已安装,android环境搭建完成,android环境没有通过http://www.androiddevtools.cn/安装,安装使用 淘宝 NPM 镜像 方式 1.运行c ...
- 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或更早 ...
- cordova环境搭建
首先,需要了解一下cordova 和 phonegap 的关系.phoneGap是原先的名字,Cordova是phoneGap被捐给apache之后 用的项目名,phoneGap的名字也被保留了. 1 ...
- WebStorm 之 Cordova 环境搭建
一.环境搭建 Cordova 环境配置之前,应先下载安装 Node.js ,中文官网:http://nodejs.cn/. 以管理员身份运行 cmd 命令行工具: 1.查看 Node.js 是否已安装 ...
- iOS下JS与OC互相调用(七)--Cordova 环境搭建
Cordova大家可能比较陌生,但肯定听过 PhoneGap ,Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字.它是一个可以让 JS 与原生代码互相通信的一个库,并且提供了一 ...
- webapp开发学习---Cordova环境搭建
Cordova 使用HTML, CSS & JS进行移动App开发;多平台共用一套代码;免费开源 步骤:(来自Cordova官网) 1.安装Cordova(在node.js环境下进行安装) 命 ...
- cordova环境搭建,搭建项目,以及拍照功能的实现
一.配置环境 1.配置java环境: 下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-13 ...
随机推荐
- SSMS2008插件开发(1)--介绍
原文:SSMS2008插件开发(1)--介绍 SSMS2008就是Microsoft Sql Server Management Studio 2008的简称.许多人叫做SQL2008或SQL SER ...
- WITH (NOLOCK)浅析
SQL Server 中WITH (NOLOCK)浅析 2014-08-30 11:58 by 潇湘隐者, 503 阅读, 2 评论, 收藏, 编辑 概念介绍 开发人员喜欢在SQL脚本中使用WITH( ...
- unbuntu下的root 用户和 sudo 命令
参考: http://james23dier.iteye.com/blog/721246 http://blog.csdn.net/shichexixi/article/details/5969993 ...
- Mysql 嵌套游标添以及任意位置声明变量的方法
在写存储过程的时候,会遇到某个游标的筛选条件来自于 先前语句运行的结果,比较常见的方式是 再写一个存储过程,通过调用来完成 动态参数的配置, 或者使用 动态sql的功能,而这两种方式都不能很好的解决这 ...
- Memcached快递上手之C#
Memcached快递上手之C# Memcached是开源高性能分布式缓存组件,目前已经广泛应用各类互联网领域. 具有多种语言的客户端开发包,包括:Perl/PHP/JAVA/C/Python/Rub ...
- ASP.NET(支持 ASP.NET MVC)性能优化包 - combres 介绍
项目地址:https://github.com/buunguyen/combres Overview Combres (previously hosted in CodePlex) helps you ...
- 认识WinDbg
WinDbg学习笔记(一)--认识WinDbg 一.前言 本人学习WinDbg已经有好几天了,虽说技术掌握的还不太熟练,不过也总算是入门了在学习WinDbg的过程中,觉得WinDbg真的比Oll ...
- pydev去掉右边的预览栏minimap
eclipse pydev: preferences > PyDev > Editor > Overview Ruler Minimap
- Solr与MongoDB集成,实时增量索引
Solr与MongoDB集成,实时增量索引 一. 概述 大量的数据存储在MongoDB上,需要快速搜索出目标内容,于是搭建Solr服务. 另外一点,用Solr索引数据后,可以把数据用在不同的项目当中, ...
- js中常见的问题
js中常见的问题 原文链接 1.js获取select标签选中的值 原生js var obj = document.getElementByIdx_x(”testSelect”); //定位id var ...