Cordova源码解析(1)_创建Cordova工程

之前学习了cordova的使用，也看了很久的cordova源码，其中翻阅了不少博客文章，但是有些文章写的cordova版本都比较旧，而且内容层次也不深，所以现在把cordova源码的学习写成文章，一是加深自己的理解，二是也希望对大家有所帮助。

本文概览

Cordova的介绍
Cordova的安装
创建Cordova工程

`Cordova`的介绍

说到Cordova，它还有另一个名字，最开始叫phonegap，后来被Apache收购后，就把核心代码抽离出来，形成了Cordova，这些在网上都能查到，所以不做过多解释。
Cordova官网是：https://cordova.apache.org/

`Cordova`的安装

Cordova的安装需要使用到npm，所以第一步要安装NodeJs，NodeJs中自带npm。全局安装Cordova使用命令

npm install -g cordova

以前安装的Cordova是6.3.0版本，现在安装的应该是8.1.2。如果以前的电脑上安装过Cordova，现在安装可能会报错，我的就报错了，如下图所示：
在这里插入图片描述
从网上查了下资料，解决了这个问题，需要到C:\Users\admin\AppData\Roaming\npm\node_modules\cordova目录下将cordova目录删除，然后再以管理员的身份运行cmd，如下图所示：

然后再执行全局安装Cordova命令，安装成功，然后执行cordova -v查看当前版本号
在这里插入图片描述

创建`Cordova`工程

1、新建一个工作目录，在工作目录中打开控制台，执行命令

cordova create MyApp

会在当前目录下创建一个MyApp的工程，工程目录结构如下：
在这里插入图片描述
2、添加Android平台

cordova platform add android

执行完之后会在platforms目录下创建一个android工程，先不要着急用Android Studio打开Android工程，我们先看下Android工程的gradle配置，其中gradle插件配置使用的是3.0.1，gradle的配置使用的是4.1，编译版本使用的是Android的27，所以，如果默认配置与自己电脑上的配置不一致，我们要先改成自己电脑上的配置，然后再打开Android工程进行编译。

修改Android工程根目录下的build.gradle文件

classpath 'com.android.tools.build:gradle:3.0.1'

project.ext {
  defaultBuildToolsVersion="26.0.2" //String
  defaultMinSdkVersion=19 //Integer - Minimum requirement is Android 4.4
  defaultTargetSdkVersion=22 //Integer - We ALWAYS target the latest by default
  defaultCompileSdkVersion=26 //Integer - We ALWAYS compile with the latest by default
}

修改CordovaLib目录下的build.gradle文件

ext {
    apply from: 'cordova.gradle'
    cdvCompileSdkVersion = 26
    cdvBuildToolsVersion = '26.0.2'
}

dependencies {
    classpath 'com.android.tools.build:gradle:3.0.1'
    classpath 'com.github.dcendents:android-maven-gradle-plugin:1.5'
    classpath 'com.jfrog.bintray.gradle:gradle-bintray-plugin:1.7.3'
}

修改App目录下的build.gradle文件

dependencies {
    classpath 'com.android.tools.build:gradle:3.0.1'
}

task wrapper(type: Wrapper) {
    gradleVersion = '4.1.0'
}

修改Android工程根目录下的project.properties文件

target=android-26

这些修改完之后，重新编译应用，编译完成后运行，会看到显示界面。到此为止，Cordova工程就创建成功了。
在这里插入图片描述