Cordova 环境搭建

从昨天开始,决定用cordova,便开始着手搭建框架了。
之前一直是用的phonegap,现在感觉phonegap比cordova没方便多少,于是将装好的phonegap卸载,重新安装了最新版的cordova,于是便有了接下来的文章。

  • 安装nodejs
    我电脑是win10,之前已经安装了nodejs,版本是6.10.3。理论上我这个版本以上的应该都没问题了,最新的node版本已是8.2.1了,建议安装LTS版本。
    官网链接 https://nodejs.org/en/
Cordova 环境搭建_第1张图片
image.png
  • 安装cordova
    nodejs安装的同时,npm工具也会一并安装好。只需要执行

     npm install cordova -g
    

便可以全局安装cordova了。根据网络环境的不同,安装速度也不一样,建议有条件的同学自行科学上网,或者将npm的镜像切换成淘宝镜像(npm config set registry=http://registry.npm.taobao.org),不推荐cnpm。
安装完成之后,可通过cordova -v 来检验是否成功,安装成功之后会输出cordova的版本号,目前最新版本是7.0.1

Cordova 环境搭建_第2张图片
image.png

这个时候,可以执行一些cordova命令了,如:

    创建一个app
    cordova create myapp
    添加cordova的支持平台
    cd myapp 
    cordova platforms add android   //android  or ios
    运行myapp
    cordova run android

然后,你会发现,报了一堆错。类似android sdk、gradle之类的一些错误,是因为我们少了一些开发环境。

  • Android SDK
    如果之前有过基于Eclipse的Android开发经验,你一会有两个文件,ADT和SDK,如果没有,可就得上网搜一搜了。如果你不用eclipse进行开发,就可以不用下载 ADT文件了,SDK是必须下载的,除此之外,还要下载对应的sdk-tools,每一个Android版本对应的sdk-tools都不一样,每一个cordova版本对sdk的版本要求也不一样。
    这个地方我搞了好久,才明白。
    以下有几篇参考文章或者网站:
    http://blog.csdn.net/fxp850899969/article/details/70314354
    http://www.androiddevtools.cn/
    http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html
    下载好sdk之后,将sdk-tools下载之后解压,将解压之后的tools文件覆盖sdk目录下面的tools文件夹,最重要的是,要在系统环境变量path里面将sdk\tools以及配置进去。

    Cordova 环境搭建_第3张图片
    sdk目录.png
Cordova 环境搭建_第4张图片
下载的sdk-tools目录.png

我用的版本是24.3.4,应该是版本高些会好点。

  • gradle
    这个以前一直没接触过,只是听说很强大。新版本的cordova也是由gradle进行管理的,所以系统里也要下载一个。不需要安装,只要下载好,解压到本地就行了。
    官网链接 https://gradle.org/releases/
    下载 完成后,也要将本地目录配置至系统环境变量的path里面。
    配置完成之后,应该可以执行gradle v
Cordova 环境搭建_第5张图片
gradle.png

如果能顺利输出gradle的版本,就算是大功告成了。

  • 到这里,就可以用cordova 通过命令行来运行应用了。
    Android手机连上电脑,打开开发者模式中的调试,可能会弹出指纹信任的圣诞框,允许便是。
    再将输入第二步后面的的命令,就可以运行在手机上了。

你可能感兴趣的:(Cordova 环境搭建)