资讯专栏INFORMATION COLUMN

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

ygyooo / 2537人阅读

摘要:摘要最近闲来无事就把以前做的项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家。环境搭建安装下载安装,安装时需要使用。配置好之后在终端输入,如果出现如下图所示则表示成功。

摘要:

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

环境搭建:

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:antin,添加变量classpath,值为D:antlib。
配置好之后在终端输入ant -v,如果出现如下图所示则表示成功。

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

    npm install -g cordova

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

注意:有时候我们安装成功了,但是执行cordova命令提示不是内部或外部命令,这时候需要在环境变量中配置我们的全局npm路径,在用户变量里找到path,如果没有就新建,添加值为C:UsersadminAppDataRoaming pm(找到自己对应的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

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

常用命令

创建应用

    cordova create first com.example.first firstApp

添加平台

    cordova platform add android
    cordova platform add ios
    cordova platform add amazon-fireos
    cordova platform add blackberry10
    cordova platform add firefoxos

查看平台

    cordova platforms ls

删除平台

    cordova platform remove android
    或者
    cordova platform rm android

打包app

    cordova build android

预编译

    cordova prepare android

编译

    cordova compile android

运行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.g...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79121.html

相关文章

  • cordova研习笔记(一) —— 初试牛刀之cordova.js概要

    摘要:任何初始化任务应该在文件中的事件的事件处理函数中。这个配置文件有几个地方很关键,一开始没有认真看,将插件导进工程跑的时候各种问题,十分头痛,不得不重新认真看看文档。 前言 来新公司的第一个任务,研究hybrid App中间层实现原理,做中间层插件开发。这个任务挺有意思,也很有挑战性,之前在DCloud虽然做过5+ App开发,但是中间层的东西确实涉及不多。本系列文章属于系列开篇cord...

    buildupchao 评论0 收藏0
  • 用HTML和JS来开发移动app - 部署Cordova配套开发环境

    摘要:安装完成后需要配置环境变量,将下的,添加到环境变量中,主要是可以执行等命令行工具运行,下载特定版本就是版本,比如的库及工具可以在里启动,也可以通过命令行来启动,然后参考说明下载特定版本比如。 最近想玩一玩手机app开发,以前都是自己DIY家里的一些硬件设备的,在这个天天喊智能的年代,不让它们上上网用手机控制都觉得这些玩意LOW得拿不出手了~ 决定要改造改造,第一步得学学怎么开发手机端控...

    yuxue 评论0 收藏0
  • Ionic+Cordova WebApp Android打包环境搭建

    摘要:写一下这两天打包的总结,希望帮人省下一些搜索的时间。环境配置下载地址配置环境和环境配置步骤基本一样,测试打开,输入,返回版本号即为成功。把图标等文件用该命令上传自己的项目到服务器,上传完成后会有一个项目编号。 写一下这两天打包app的总结,希望帮人省下一些搜索的时间。 一.准备工作: 需要安装:Nodejs、AndroidSDK、Apache-ant、Jdk,Ionic、Cordova...

    icyfire 评论0 收藏0
  • cordova研习笔记(二) —— cordova 6.X 源码解读(上)

    摘要:本文源码为版本。的代码结构也是一个很经典的定义结构构造函数实例修改函数原型共享实例方法,它提供事件通道上事件的订阅撤消订阅调用。 前言 cordova(PhoneGap) 是一个优秀的经典的中间件框架,网上对其源代码解读的文章确实不多,本系列文章试着解读一下,以便对cordova 框架的原理理解得更深入。本文源码为cordova android版本6.1.2。 源码结构 我们使用IDE...

    Java_oldboy 评论0 收藏0

发表评论

0条评论

ygyooo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<