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

简介: 摘要: 最近闲来无事就把以前做的cordova项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家。 项目地址:https://github.com/baixuexiyang/hybrid 环境搭建: 1.安装node.js下载安装node.js,https://nodejs.org/en/,安装cordova时需要使用。

摘要:

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

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

环境搭建:

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

 

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

 

3.安装cordova
在终端执行下面命令

npm install -g cordova

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

注意:有时候我们安装成功了,但是执行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

 

相关文章
|
3月前
|
Windows
Windows无法连接到打印机,请检查打印机名并重试 - 配置Windows 共享打印机出错;
WIN7共享打印机无法被WIN11连接,出现错误代码0x0000011b或0x00000709,可能是系统版本不兼容所致。本文提供多个轻量级修复工具,无需安装,双击即用,专为解决此类小问题设计,操作简单,适合普通用户快速修复打印机连接异常。
676 0
|
4月前
|
网络安全 Windows
Windows IIS 10如何配置自签名SSL并实现自动跳转
本文记录了IIS配置自签名证书及HTTPS跳转的注意事项。包括解决443端口占用问题、URL Rewrite插件安装与配置、web.config修改方法,以及避免因旧教程导致的配置错误。
Windows IIS 10如何配置自签名SSL并实现自动跳转
|
4月前
|
C语言 图形学 Windows
Windows下安装和配置GTK4(基于CLion)
本文介绍了作者选择GTK作为C语言图形库的原因,包括代码简洁、控件丰富和界面美观,并分享了在Windows环境下通过MSYS2安装GTK4及在CLion中配置开发环境的详细步骤。
529 0
|
4月前
|
Windows
Windows下版本控制器(SVN)-验证是否安装成功+配置版本库+启动服务器端程序
Windows下版本控制器(SVN)-验证是否安装成功+配置版本库+启动服务器端程序
137 2
|
7月前
|
安全 Windows
“由于启动计算机时出现了页面文件配置问题,Windows在你的计算机上创建了一个临时页面文件。。。”的问题解决
本文主要介绍了因清理电脑垃圾文件时误删虚拟内存导致的Windows页面文件配置问题,并提供了详细的解决步骤。问题表现为开机后出现临时页面文件创建的提示弹窗。解决方法包括通过控制面板或快捷键进入高级系统设置,进而调整虚拟内存设置:进入性能选项中的虚拟内存栏,选择自动管理所有驱动器的分页文件大小,最后确认并重启计算机以恢复正常运行。
5965 5
“由于启动计算机时出现了页面文件配置问题,Windows在你的计算机上创建了一个临时页面文件。。。”的问题解决
|
Windows
Windows下版本控制器(SVN)- 配置版本库
Windows下版本控制器(SVN)- 配置版本库
58 0
|
5月前
|
安全 Shell 开发工具
Windows下使用git配置gitee远程仓库
就在前几天因为一些原因,我的电脑重装了系统,然后再重新配置git的环境的时候就遇到了一些小问题。所以我决定自己写一篇文章,以便以后再配置git时,避免一些错误操作,而导致全网搜方法,找对的文章去找对应的解决方法。下面为了演示方便就拿gitee来演示,不拿GitHub了写文章了。
266 0
|
8月前
|
数据库连接 测试技术 Windows
【YashanDB知识库】windows配置ODBC跟踪日志, 使用日志定位问题
【YashanDB知识库】windows配置ODBC跟踪日志, 使用日志定位问题
|
8月前
|
Windows
Windows系统云服务器配置多用户登录
本教程介绍了在Windows云服务器上配置远程桌面服务的详细步骤,包括安装桌面会话主机和远程桌面授权、允许多用户远程连接以及配置新用户并加入远程桌面用户组。通过添加角色和功能、设置组策略以及管理用户权限,实现多用户同时登录和远程访问。按照指引操作,可顺利完成服务器的远程访问配置,提升管理和使用效率。
835 0