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

简介: 超详细cordova环境配置(windows)及实例

摘要:



最近闲来无事就把以前做的cordova项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家。


项目地址:https://github.com/baixuexiyang/hybrid


环境搭建:



1.安装node.js


下载安装node.js,https://nodejs.org/en/,安装cordova时需要使用。安装完成之后在终端(win+r,cmd)执行node -v,如果看到如下图所示的版本号表示安装成功。


image.png


 

2.安装ant


下载连接:http://apache.dataguru.cn//ant/binaries/...,下载完成之后解压到你想安装的目录,比如D:\ant。然后将目录添加到系统变量里,步骤如下:右击我的电脑,点击属性,左侧菜单点击高级系统设置,在弹窗中点击环境变量,然后在用户变量中添加变量ANT_HOME,值为D:\ant,添加变量path,值为D:\ant\bin,添加变量classpath,值为D:\ant\lib。


配置好之后在终端输入ant -v,如果出现如下图所示则表示成功。


image.png

 

3.安装cordova


在终端执行下面命令


npm install -g cordova


测试安装是否成功,终端输入cordova -v,如果出现如下如所示提示表示安装成功


image.png


注意:有时候我们安装成功了,但是执行cordova命令提示不是内部或外部命令,这时候需要在环境变量中配置我们的全局npm路径,在用户变量里找到path,如果没有就新建,添加值为C:\Users\admin\AppData\Roaming\npm(找到自己对应的npm目录)

 

4.安装jdk


下载http://www.oracle.com/technetwork/java/j...,选择自己的版本

 

5.安装sdk


不同的cordova版本对应不同的sdk版本,我装的sdk为5.1.1。


下载sdk,http://www.oracle.com/technetwork/java/j...,这里有详细的安装步骤(http://www.cnblogs.com/zoupeiyang/p/4034...


注意:安装硬件加速,需要修改BIOS的virtualization technology为true,模拟器启动不起来,去掉hardware。

 

如果以上都已经完成了,那恭喜你环境配置成功了!

 

创建第一个应用:



1.在终端进入你想要创建的目录,执行下面的命令:

cordova create first com.example.first firstApp

 

cordova creat是创建项目的命令,紧接着first为目录,com.example.first为命名空间,firstApp为app名称

 

2.添加平台

cd first

cordova platform add android

添加android平台,下载可能会比较慢

 

3.编译app

cordova build android

编译android系统,最后如果看到build successful,就可以了

 

4.运行app

模拟器上运行

cordova emulate android

浏览器上运行

cordova serve android

浏览器访问http://localhost:8000即可

真机上运行

cordova run android

恭喜你第一个应用程序完成了!

 

常用命令:



1、创建应用

cordova create first com.example.first firstApp

 

2、添加平台

cordova platform add android

cordova platform add ios

cordova platform add amazon-fireos

cordova platform add blackberry10

cordova platform add firefoxos

 

3、查看平台

cordova platforms ls

 

4、删除平台

cordova platform remove android

或者

cordova platform rm android

 

5、打包app

cordova build android

 

6、运行app

cordova emulate android

cordova serve android

cordova run android

 

总结:



hybrid app相对native app来说开发起来速度快,相对容易,但是没有native那么流畅,性能和体验稍微差些。并且文件大小相差也很大,同样一个应用native只要几k,二hybrid却要几兆。


下面是我自己分别使用cordova和phonegap开发的新闻应用,欢迎大家安装使用。

https://github.com/baixuexiyang/hybrid

相关文章
|
8天前
|
Windows
修改Windows服务的配置
修改Windows服务的配置
|
8天前
|
并行计算 C++ 异构计算
【环境配置】安装windows版本的TensorRt
【环境配置】安装windows版本的TensorRt
18 4
|
8天前
|
并行计算 Windows
23.10.02更新 Windows下CUDA和CUDNN的安装和配置(图多详细)
23.10.02更新 Windows下CUDA和CUDNN的安装和配置(图多详细)
25 1
|
8天前
|
Oracle Java 关系型数据库
windows 下 win11 JDK17安装与环境变量的配置(配置简单详细,包含IJ中java文件如何使用命令运行)
本文介绍了Windows 11中安装JDK 17的步骤,包括从官方网站下载JDK、配置环境变量以及验证安装是否成功。首先,下载JDK 17的安装文件,如果没有Oracle账户,可以直接解压缩文件到指定目录。接着,配置系统环境变量,新建`JAVA_HOME`变量指向JDK安装路径,并在`Path`变量中添加。然后,通过命令行(cmd)验证安装,分别输入`java -version`和`javac -version`检查版本信息。最后,作者分享了如何在任意位置运行Java代码,包括在IntelliJ IDEA(IJ)中创建的Java文件,只需去掉包声明,就可以通过命令行直接运行。
|
8天前
|
Unix Shell 开发工具
windows下如何安装git以及IDEA如何配置git
该文指导安装Git 2.15.0版本。首先从Git官网下载最新安装包,双击安装,依次选择Next,同意默认配置,确保勾选添加到环境变量。在配置选项中,选择在cmd中使用Git(第2项),行结束转换选Windows(第1项),终端模拟器选MinTTY(第1项)。安装完成后,通过右键菜单或直接打开Git Bash验证安装成功。最后,配置全局用户名和邮箱,并在IDEA中设置Git路径以完成集成。
|
8天前
|
API C++ Windows
windows编程入门_链接错误的配置
windows编程入门_链接错误的配置
19 0
|
8天前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
|
8天前
|
小程序 Windows
【微信小程序】全局配置和windows节点常用配置
【微信小程序】全局配置和windows节点常用配置
26 1
|
8天前
|
人工智能 机器人 测试技术
【windows配置】windows11家庭版添加本地安全策略(亲测有效)
【windows配置】windows11家庭版添加本地安全策略(亲测有效)
|
8天前
|
应用服务中间件 nginx Windows
windows下快速安装nginx 并配置开机自启动
windows下快速安装nginx 并配置开机自启动
windows下快速安装nginx 并配置开机自启动