原文:【cordova】cordova安装步骤(windows)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/snow_finland/article/details/78684690

官方安装文档地址:

http://cordova.apache.org/#getstarted

1 安装nodejs(已经安装了的请跳过这一步)

nodejs官网

https://nodejs.org/en/

可以去官网下载最新安装包,然后按步骤安装

安装完毕后,打开cmd,

输入

node -v

可查看node版本

输入

npm -v

可查看npm版本

2 用nodejs的npm安装cordova

打开cmd,输入

npm install -g cordova

3 创建项目

cordova create <path> <package_name>

例如:

cordova create F:/cordova/test1 jane.cordova.test

注意:如果不输入<package_name>,包名将是默认的io.cordova.hellocordova

4 进入项目目录

例如:

F:\cordova\test1>

5 添加支持的平台

cordova platform add ios --save

cordova platform add android --save

cordova platform add browser

6 确定browser环境可以运行

cordova run browser

如果报找不到chrome的错误,需要把chrome加入环境变量(cordova默认会拉起chrome作为浏览器运行)

添加环境变量:

开始->计算机->右键属性->高级系统设置->高级->环境变量->系统变量->path 添加chrome安装的目录(exe文件的目录路径)

7 检查依赖项是否安装齐全

cordova requirements

由于是windows平台,所以,只能编译android的包,ios的报错和警告都可以忽略,browser只是预览,所以只要第六步可以正常运行即可

Requirements check results for android:

Java JDK: installed .

Android SDK: not installed

Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.

Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.

Android target: not installed

Android SDK not found. Make sure that it is installed. If it is not at the default location, set the ANDROID_HOME environment variable.

Gradle: not installed

Could not find gradle wrapper within Android SDK. Could not find Android SDK directory.

Might need to install Android SDK or set up 'ANDROID_HOME' env variable.

Requirements check results for ios:

Apple OS X: not installed

Cordova tooling for iOS requires Apple OS X

Error: Some of requirements check failed

以上的结果请根据实际结果进行处理

官网对于android平台安装的指导:

http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

在这一步常会遇见的问题:

7.1 Java JDK未安装

从官网下载后,直接安装即可

http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

如果自行选择了安装位置,请注意之后将JAVA_HOME配置到全局变量中

新建

key: JAVA_HOME

value: {JAVA的jdk路径}

7.2 Android相关SDK未安装(以下三个有未安装部分)

Android SDK: installed

Android target: installed android-21,android-22,android-23,android-24

Gradle: installed

从Android官网下载Android Studio,Cordova官网中对于Android相关安装有提到可以安装 Android Stand-alone SDK Tools ,而不安装 Android Studio,实际在Android的官网上未找到

Android官网下载Android Studio地址:(需要FQ)

https://developer.android.com/studio/install.html?pkg=tools

安装完毕后,打开Android Studio,点击右下角 Configure,选择SDK Manager,在SDK Platform中,必须包含Android 6.0(即Android-23),否则cordova会报错,需要安装的特定版本,在版本前打钩后点击右下角apply即会开始安装

如果自行选择了安装位置,请注意之后将ANDROID_HOME配置到全局变量中

新建

key: ANDROID_HOME

value: {Android的sdk路径}

在path中编辑添加 platform-tools 和 tools 路径,例如:

F:\Android_SDK\platform-tools;

F:\Android_SDK\tools;

以上安装完毕后,需要重新打开cmd,重复第7步,检查依赖项是否安装齐全,

如果全部都已经,即可以进行下一步操作

8 连接手机,将apk包安装到Android手机上实测

8.1 请查看手机的Android版本,确保第7步中的Android target有对应的版本(如果没有,请回到第7步安装)

8.2 请确保打开了开发者选项(点击Android版本号5次可以打开开发者选项)

8.3 请确保手机允许安装未签名安装包(即允许安装非应用市场的应用/来源未知的应用)

8.4 用usb连接手机,手机会弹出是否允许usb调试,选择允许(建议勾选一直允许此pc的调试,方便之后不要重复点)

8.5 在cmd里输入

cordova run android

如果apk包未被build过,或者改动了未build,cordova会先build的apk安装包(这个时间比较久)

ANDROID_HOME=F:\Android_SDK

JAVA_HOME=C:\Program Files (x86)\java\jdk1.8.0_71

No target specified, deploying to device '1913ac9a'.

(略)

BUILD SUCCESSFUL

Total time: 22 mins 58.485 secs

Built the following apk(s):

        F:/cordova/test1/platforms/android/build/outputs/apk/android-debug.apk

Using apk: F:/cordova/test1/platforms/android/build/outputs/apk/android-debug.apk

LAUNCH SUCCESS

然后手机上会自动打开已经安装好的cordova的第一个hello cordova的应用

ps:

1 打开cmd的方法:

1.1 windows键+r

1.2 输入cmd,按回车

2 配置全局变量

开始->计算机->右键属性->高级系统设置->高级->环境变量->系统变量

【cordova】cordova安装步骤(windows)的更多相关文章

  1. [转]phoneGap3.0安装步骤(以windows下的android环境为例):

    phoneGap3.0安装步骤(以windows下的android环境为例): 环境: WIN系统,JDK,Android,Eclipse,Ant,Git,PhoneGap3.x (Cordova) ...

  2. Cordova 教程 学习步骤-从零基础开始

    Cordova的技术交流新群

  3. 超详细cordova环境配置(windows)及实例

    摘要: 最近闲来无事就把以前做的cordova项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家. 项目地址:https://github.com/baixuexiyang/ ...

  4. [ruby]Windows Ruby安装步骤

    Windows Ruby 安装步骤 准备工作: 1.http://rubyinstaller.org/downloads/ 下载选择Ruby 1.9.3 2.http://rubyinstaller. ...

  5. an'gularjs 环境搭建之NodeJS、NPM安装配置步骤(windows版本)

    NodeJS.NPM安装配置步骤(windows版本)  :http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/ ...

  6. TP-Shop安装步骤教程(Windows版)

    TP-Shop安装步骤教程(Windows版) PS:首次发文,请多指教! 一.安装要求 1.PHP5.4以上,MYsql5.5以上. 2.需要Phpcurl,gd库.php_mysqli,php_o ...

  7. mysql 8 windows 版本zip方式安装步骤

    mysql 8 windows 版本zip方式安装步骤(下载地址:https://dev.mysql.com/downloads/mysql/)1,解压ZIP文件到指定目录下:如D:\mysql-8. ...

  8. Redis 3.0 Windows 安装步骤

    Redis 3.0 Windows 安装步骤 ----来自 https://www.aliyun.com/jiaocheng/872572.html 发布时间:2018-04-10 来源:网络 上传者 ...

  9. Windows Ruby 安装步骤

    by 狂奔的蜗牛的博客 from http://www.host900.com/ 本文地址:http://www.host900.com/index.php/articles/285/ Windows ...

随机推荐

  1. 作为一个新人,怎样学习嵌入式Linux?(韦东山)

    这篇文章是引用韦老师的部分关于新人怎么学习嵌入式Linux的经验,引用如下: 1.电脑一开机,那些界面是谁显示的?是BIOS,它做什么?一些自检,然后从硬盘上读入windows,并启动它. 类似的, ...

  2. Loadrunner--运行场景报Socket descriptor not found错误

    今天早上在使用LoadRunner时,报了如下的错误,开始并未看错误以为是录制问题引起,就重新录制了一遍,简单施压看看错误是否还有,结果错误仍然有,如下所示: Error: Socket descri ...

  3. 判断Bigdecimal类型是否等于0的方法

    1.我之前用来判断Bigdecimal类型是否等于0的方法 b.equals(BigDecimal.ZERO); 用equals方法和BigDecimal.ZERO进行比较. 2.上面方法存在的问题 ...

  4. 洛谷——P3128 [USACO15DEC]最大流Max Flow

    https://www.luogu.org/problem/show?pid=3128 题目描述 Farmer John has installed a new system of  pipes to ...

  5. Windows下安装Resin及配置具体解释与公布应用

        关于Resin的优点,网上介绍了一大堆.小编经不住诱惑,决定试用一下. 眼下Resin的最新版本号为:4.0.40.能够从官网直接下载.     1. 将下载下来的Resin包解压开,会看到一 ...

  6. php实现运气模型(命运随机,克服困难)

    php实现运气模型(命运随机,克服困难) 一.总结 1.应该用表格来布局的,这种多列的用表格布局比div和span布局方便很多 2.span标签设置宽度:变成行内快元素:display:inline- ...

  7. x=min(x, y)

    x = min(x, y); ⇒ 当然 y 会有多个值传递进来 minHeight = min(minHeight, h[i]); 置于循环之中,不断将当前得到的最小高度值和新加入进来的值进行比较: ...

  8. 量化交易中VWAP/TWAP算法的基本原理和简单源码实现(C++和python)(转)

    量化交易中VWAP/TWAP算法的基本原理和简单源码实现(C++和python) 原文地址:http://blog.csdn.net/u012234115/article/details/728300 ...

  9. Textillate.js有什么用及使用实例

    Textillate.js有什么用及使用实例 一.总结 一句话总结:Textillate.js – 实现动感的 CSS3 文本动画的简单插件 二.textillate.js 文字动画 textilla ...

  10. 【数学】概念的理解 —— 有序对(ordered pair)

    有序对 (a,b) 是一组对象,不同的顺序意味着不同的对象,(a,b)≠(b,a) 除非 a=b,正是因为对象的相对顺序是有着不同含义的,因此有时也称之为 2 维向量.与之相对的无序对(unorder ...