【cordova】cordova安装步骤(windows)
原文:【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)的更多相关文章
- [转]phoneGap3.0安装步骤(以windows下的android环境为例):
phoneGap3.0安装步骤(以windows下的android环境为例): 环境: WIN系统,JDK,Android,Eclipse,Ant,Git,PhoneGap3.x (Cordova) ...
- Cordova 教程 学习步骤-从零基础开始
Cordova的技术交流新群
- 超详细cordova环境配置(windows)及实例
摘要: 最近闲来无事就把以前做的cordova项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家. 项目地址:https://github.com/baixuexiyang/ ...
- [ruby]Windows Ruby安装步骤
Windows Ruby 安装步骤 准备工作: 1.http://rubyinstaller.org/downloads/ 下载选择Ruby 1.9.3 2.http://rubyinstaller. ...
- an'gularjs 环境搭建之NodeJS、NPM安装配置步骤(windows版本)
NodeJS.NPM安装配置步骤(windows版本) :http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/ ...
- TP-Shop安装步骤教程(Windows版)
TP-Shop安装步骤教程(Windows版) PS:首次发文,请多指教! 一.安装要求 1.PHP5.4以上,MYsql5.5以上. 2.需要Phpcurl,gd库.php_mysqli,php_o ...
- mysql 8 windows 版本zip方式安装步骤
mysql 8 windows 版本zip方式安装步骤(下载地址:https://dev.mysql.com/downloads/mysql/)1,解压ZIP文件到指定目录下:如D:\mysql-8. ...
- Redis 3.0 Windows 安装步骤
Redis 3.0 Windows 安装步骤 ----来自 https://www.aliyun.com/jiaocheng/872572.html 发布时间:2018-04-10 来源:网络 上传者 ...
- Windows Ruby 安装步骤
by 狂奔的蜗牛的博客 from http://www.host900.com/ 本文地址:http://www.host900.com/index.php/articles/285/ Windows ...
随机推荐
- 扩展的方法:es6 安装模块builder
https://github.com/es-shims/es5-shim/ Image.png 检测浏览器可支持es5,不支持就扩展,做兼容: 扩展的方法: Image.png 取所有对象的键值: o ...
- sea.js五分钟上手
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架.本文给大家分享sea.js知识总结,感兴趣的朋友一起学习吧http://reactjs.cn/http://reactjs. ...
- 【Codeforces Round #434 (Div. 2) B】Which floor?
[链接]h在这里写链接 [题意] 在这里写题意 [题解] 枚举每层有多少个公寓就好. 要注意,每次都要从1到100判断,一下那个公寓该不该出现在那一层. 多个答案,如果答案是一样的.也算是唯一的. ...
- Java反射学习总结三(静态代理)
反射最常见的应用就是代理模式了. 本文先简单介绍一下代理模式,并写一个静态代理的例子.为下一篇重要的动态代理做点铺垫 代理模式的作用是: 为其他对象提供一种代理以控制对这个对象的访问. 另外在某些情况 ...
- FastSocket学习笔记~RPC的思想,面向对象的灵活
首先非常感谢这位来自新浪的老兄,它开发的这个FastSocket非常不错,先不说性能如何,单说它的使用方式和理念上就很让人赞口,从宏观上看,它更像是一种远程过程的调用RPC,即服务器公开一些命令,供客 ...
- 3D 应用程序性能
原文:3D 应用程序性能 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/m0_37591671/article/details/74595999 3 ...
- 计算机图形学(二)输出图元_3_画线算法_2_DDA算法
DDA算法 数字微分分析仪(digital differential analyzer, DDA)方法是一种线段扫描转换算法.基于使用等式(3.4)或等式(3.5)计算的&x或& ...
- POJ 3628 Bookshelf 2 (01背包)
Bookshelf 2 Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 7496 Accepted: 3451 Descr ...
- Android 升级到android studio 2.2项目死活run不起来
背景:升级到Android studio 2.2项目死活运行不起来 现象如下: run with --stacktrace --debug等等抛出的bug简直无法忍视 解决办法:把compileSdk ...
- 在CentOS上使用Nginx和Tomcat搭建高可用高并发网站
目录 目录 前言 创建CentOS虚拟机 安装Nginx 安装Tomcat 安装lvs和keepalived 反向代理 部署网站 搭建数据库 编写网站项目 解决session一致性 注意 参考资料 前 ...