如何安装 PhoneGap / Cordova (for Win10)
最近需要配置 PhoneGap / Cordova 环境,折腾了一阵子,写篇博客 Mark 一下整个过程。
具体参照了:http://www.assortedgarbage.com/apigee/
以及 Cordova 的官方DOC:https://cordova.apache.org/docs/en/latest/guide/platforms/android/
一、安装 Node JS:
直接前往官网下载安装。直接运行安装包,选择想要安装的路径。
配置环境变量:D:\Program Files\nodejs\(请根据自己的安装路径,一般安装完成会自动配置好的)


验证Node JS是否安装成功:打开cmd,输入命令:
node -v
得到下图则说明安装成功。

二、安装 PhoneGap:
直接使用cmd运行以下命令:
npm install -g phonegap
等待安装完成即可。
同理,安装 Cordova 时运行以下命令:
npm install -g cordova
等待安装完成即可。
三、安装 Java JDK:
直接到Oracle的官网上下载JDK,解压到想要安装的路径上。
Note:请下载安装 Java SE Development Kit 8u201 版本

配置 JDK 的环境变量:
1.新建一个叫 JAVA_HOME 的环境变量:C:\Program Files\Java\jdk1.8.0_201

2.在系统变量 Path 中新加一个变量:%JAVA_HOME%\bin

验证 Java JDK 是否安装正确,在cmd中输入:
java -version
得到:

cmd输入:
javac -version
得到:

四、安装 Ant:
直接前往官网下载需要的zip,解压缩到想要安装的路径。
Download→Binary Distributions→选择所需要的zip
配置 Ant 的环境变量:
1.新增一个叫 ANT_HOME 的环境变量:D:\apache-ant-1.10.5

2.在 Path 中新增一个变量:%ANT_HOME%\bin

验证是否安装成功,在cmd中输入以下命令:
ant
得到:

五、安装 Android SDK:
本来是想通过 Android Studio 来安装 Android SDK 的,我下载到的安装包好像是不带 SDK 的,另外官网需要 科 学 上 网,或者通过AndroidDevTools下载安装。

1.将下载下来的 Android SDK zip 解压到想要安装的路径,解压完成后的 Android SDK 目录如下图所示:
一开始解压完只有六个项目,其他的都是安装 Android SDK 的时候自动添加的。
Android Studio 直接运行安装程序跑完就行了,若不带有 SDK 安装,继续按照后面的步骤安装即可。

2.配置环境变量:
(1) 新建一个叫 ANDROID_HOME 的环境变量:D:\Android

(2) 在 Path 中新增两个变量:%ANDROID_HOME%\platform-tools 以及 %ANDROID_HOME%\tools

验证环境变量是否配置正确,在cmd输入以下命令:
android

接着会弹出如下所示的 Android SDK Manager:

Note:如果无法打开 Android SDK Manager,或者是闪退,可能是以下原因:
(1) Java JDK 配置不对:如果 java JDK 安装和配置都没有问题,试着将它安装在C盘。
(2) 可能是 JDK 版本的问题,请安装 JDK 8 版本。
(3) Android SDK 环境变量配置错了。
3.使用 Android SDK Manager 安装所需的 Android SDK
成功打开 Android SDK Manager 后,选择所需的安装内容,Status会显示是否已经安装:



等待安装完成后,验证 Android SDK 是否安装成功,在cmd中输入以下命令:
adb version
得到:

至此所有的安装配置都完成了,由于是我是业余的,或有错漏,请见谅。
如何安装 PhoneGap / Cordova (for Win10)的更多相关文章
- WINDOWS下PhoneGap(Cordova)安装笔记
1.首先下载Node.js 安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”," ...
- [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配 ...
- PhoneGap+Cordova+SenchaTouch-01-环境搭建
转http://my.oschina.net/zhongwenhao/blog/369465 环境搭建基于 windows ,mac系统可以借鉴 1.安装NodeJS 和ruby http://no ...
- First App on Phonegap | Cordova
Phonegap简介 PhoneGap是一能够让你用普通的web技术编写出能够轻松调用api接口和进入应用商店的 html5应用开发平台,是唯一支持7个平台的开源移动框架. 优势: 1.兼容性:多平台 ...
- 跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
1. 建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd aces mobile 如图 2. 安装插件 ...
- 转-MAC 下安装PHONEGAP开发环境
来自:http://jinzhe.net/post/8.html 什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架.可以为安卓.iOS.WP.黑莓.火狐等移动操作系统. ...
- phonegap+cordova+ionic调用原生API
上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的 ...
- Mac 下安装Phonegap开发环境
Mac 下安装Phonegap开发环境 2014.09.11 星期四 评论 0 条 阅读 5,613 次 作者:野草 标签:phonegap ios mac 什么是Phonegap呢?Phon ...
- npm 安装 ionic cordova
针对npm安装 ionic 和 cordova 过程很慢,且有些安装文件被墙的问题,使用如下方式解决: 1)安装cnpm npm install -g cnpm 2)然后再使用cnpm 安装 ioni ...
随机推荐
- 根据Webservice地址,动态传入参数(Webservice代理类)
using System; using System.Collections.Generic; using System.Linq; using System.Text; using Sunlib; ...
- Core官方DI解析(5)-ServiceProviderEngine
最后来看看前面一直说的Engine(工作引擎),工作引擎接口是IServiceProviderEngine在ServiceProvider的构造函数中看到了根据指定的Mode创建了不同的实现类,下面先 ...
- Mybatis中接口和对应的mapper文件命名为什么需要一样?
背景: 自己对于Mybatis现阶段只处于会用的阶段,有些问题,自己还是想深入的了解一下.就拿Mybatis的接口文件和mapper文件命名需要一致来开始. 解决: 当我们将接口和mapper文件放在 ...
- MVC设计思想
MVC就是按照程序的功能将他们分成三个层,Model层(模型层),View层(显示层),Controller(控制层). Model层:可以细分为两层,分别是dao层.service层,这两层主要功能 ...
- Photoshop实例视频教程
Photoshop实例视频教程 2019/04/23 文件名 大小 复古街机风建筑效果图PS教程.mp4 6.63 MB 48.PS教程从零开始学——切片选择工具.mp4 20.90 MB PS教程- ...
- Photoshop入门教程图解版
- Friendly Date Ranges 让日期区间更友好
把常见的日期格式如:YYYY-MM-DD 转换成一种更易读的格式. 易读格式应该是用月份名称代替月份数字,用序数词代替数字来表示天 (1st 代替 1). 记住不要显示那些可以被推测出来的信息: 如果 ...
- C++ WMI获取系统硬件信息(CPU/DISK/NetWork etc)
官网找到一个例子,根据例子修改下可以获取很多信息 #define _WIN32_DCOM #include <iostream> using namespace std; #include ...
- Python Scrapy反爬虫常见解决方案(包含5种方法)
爬虫的本质就是“抓取”第二方网站中有价值的数据,因此,每个网站都会或多或少地采用一些反爬虫技术来防范爬虫.比如前面介绍的通过 User-Agent 请求头验证是否为浏览器.使用 JavaScript ...
- 一、Log4Net配置
Core的配置 一.创建core包含控制和视图的项目以及Log4Net引用 二.创建Log4Net配置文件 右击项目->添加文件 Log4Net.config 2 复制以下代码 以下配置可做 ...