Cordova 环境搭建

https://www.jianshu.com/p/5e1dd7a5a2c4

Cordova 环境搭建

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

• 安装nodejs
  我电脑是win10，之前已经安装了nodejs，版本是6.10.3。理论上我这个版本以上的应该都没问题了，最新的node版本已是8.2.1了，建议安装LTS版本。
  官网链接 https://nodejs.org/en/

 

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

 

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以及配置进去。

   

  

  sdk目录.png

 

下载的sdk-tools目录.png

 

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

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

 

gradle.png

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

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