超细致cordova环境设置（windows）及实例

2019年8月30日 221次阅读 来源: 微医集团EFEGroup

择要：

近来闲来无事就把之前做的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:\ant\bin，增加变量classpath，值为D:\ant\lib。
设置好以后在终端输入ant -v，假如涌现以下图所示则示意胜利。
《超细致cordova环境设置（windows）及实例》

3.装置cordova
在终端实行下面敕令


    npm install -g cordova

测试装置是不是胜利，终端输入cordova -v，假如涌现以下如所示提醒示意装置胜利
《超细致cordova环境设置（windows）及实例》

注重：有时候我们装置胜利了，然则实行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

祝贺你第一个运用程序完成了！

常用敕令

  • 建立运用


    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…

    原文作者：微医集团EFEGroup
    原文地址: https://segmentfault.com/a/1190000004868680
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞