最近需要配置 PhoneGap / Cordova 环境,折腾了一阵子,写篇博客 Mark 一下整个过程。

具体参照了:http://www.assortedgarbage.com/apigee/

以及 Cordova 的官方DOChttps://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)的更多相关文章

  1. WINDOWS下PhoneGap(Cordova)安装笔记

    1.首先下载Node.js  安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”," ...

  2. [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置

    原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配 ...

  3. PhoneGap+Cordova+SenchaTouch-01-环境搭建

    转http://my.oschina.net/zhongwenhao/blog/369465 环境搭建基于 windows  ,mac系统可以借鉴 1.安装NodeJS 和ruby http://no ...

  4. First App on Phonegap | Cordova

    Phonegap简介 PhoneGap是一能够让你用普通的web技术编写出能够轻松调用api接口和进入应用商店的 html5应用开发平台,是唯一支持7个平台的开源移动框架. 优势: 1.兼容性:多平台 ...

  5. 跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld

    1.    建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd aces mobile 如图 2.    安装插件 ...

  6. 转-MAC 下安装PHONEGAP开发环境

    来自:http://jinzhe.net/post/8.html 什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架.可以为安卓.iOS.WP.黑莓.火狐等移动操作系统. ...

  7. phonegap+cordova+ionic调用原生API

    上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的 ...

  8. Mac 下安装Phonegap开发环境

    Mac 下安装Phonegap开发环境 2014.09.11  星期四 评论 0 条    阅读 5,613 次 作者:野草 标签:phonegap ios mac 什么是Phonegap呢?Phon ...

  9. npm 安装 ionic cordova

    针对npm安装 ionic 和 cordova 过程很慢,且有些安装文件被墙的问题,使用如下方式解决: 1)安装cnpm npm install -g cnpm 2)然后再使用cnpm 安装 ioni ...

随机推荐

  1. 20年硅谷技术牛人到访DataPipeline谈:技术如何与业务平衡发展

    导读:技术人员的常态是“左手支持业务签单,右手提升系统性能”,却经常陷入技术和业务该如何平衡发展的困惑?今天,且听一位硅谷牛人分享他的平衡之道. 以个人名誉申请31个国内外技术和产品专利,中国最佳CT ...

  2. C# -- 使用Ping检查网络是否正常

    C# -- 使用Ping检查网络是否正常 需引用命名空间: using System.Net.NetworkInformation; 1. 代码实现 try { List<string> ...

  3. 【js】字符串方法

    let str = 'na'; console.log(str.repeat('3'));//nanana console.log(str.startsWith('n'));//true consol ...

  4. JS中各种宽度距离小结

    js中获取各种宽度和距离,常常让我们混淆,各种浏览器的不兼容让我们很头疼,现在就在说说js中有哪些宽度和距离. 1.名词解释 screen:屏幕.这一类取到的是关于屏幕的宽度和距离,与浏览器无关,应该 ...

  5. 分析dhcp.lease文件,统计DHCP服务器IP自动分配

    #!/usr/bin/env python # coding=utf-8 import string import time,datetime class TIMEFORMAT: def __init ...

  6. Python_if

    if if c语言中的if语句格式如下: if (条件) { 结果} python的格式与其不同,定义了自己的格式,更加的简明: if 条件 : 结果 print(111) if 3 > 2: ...

  7. Django的Models字段含义

    在model中添加字段的格式一般为:  field_name = field_type(**field_options) 一  field options(所有字段共用) 1  null   默认为F ...

  8. Spring Boot 集成Swagger

    Spring Boot 集成Swagger - 小单的博客专栏 - CSDN博客https://blog.csdn.net/catoop/article/details/50668896 Spring ...

  9. centos下安装nginx并部署angular应用

    注意:直接yum安装的nginx有问题,不能直接安装,因为centos默认库里面没有nginx.如果安装过程中出现一些文件夹或者文件找不到的话,应该是你的nginx的版本没有安装对.最效率的办法是删除 ...

  10. 查看电脑系统参数(Windows)

    发现工作的电脑开了很多任务,都运行的很好,所以记录下来(以后买电脑可以参考一下) 一.硬件详情(i5第七代?) 硬盘信息(分有固态和机械硬盘): 固态硬盘直接给了系统使用: 二.体验指数(基本都达到了 ...