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

发布时间:2019-08-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了超详细cordova环境配置(windows)及实例脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

摘要:

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

环境搭建:

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

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

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

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

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


    npm install -g cordova

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

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

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


    @H_879_126@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...

脚本宝典总结

以上是脚本宝典为你收集整理的超详细cordova环境配置(windows)及实例全部内容,希望文章能够帮你解决超详细cordova环境配置(windows)及实例所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。