Cordova搭建步骤

1 前言
现在跨平台开发或者混合开发非常流行了，例如RN Cordova等，感觉Cordova在国内的流行度也非常高，现在Cordova是Apache下的开源软件了。这里简单的记录一下环境搭建过程

2 Cordova搭建步骤
Cordova环境搭建主要参考官方指导文档
http://cordova.apache.org/#getstarted
http://cordova.axuer.com/docs/zh-cn/latest/guide/cli/index.html
主要参考以上两个网站来搭建环境，以Window10 上搭建Android平台为例，步骤分为以下几步

前提：已安装好Android开发的环境，包括JDK AS等

1 安装Cordova CLI
Cordova命令行工具作为npm包分发。安装cordova命令行工具，通过下面这些步骤:

(1)下载和安装Node.js。安装完成后你可以在命令行中使用node 和 npm 。
由于我在搭建RN时已经安装好了Node.js环境，这里不用安装了
(2) 安装cordova，使用以下命令
npm install -g cordova
-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。

安装完成后，你应该能够在命令行中运行cordova命令，在没有任何参数的时候会打印一些帮助信息。

可以看到我这里的版本是8.0.0
2 初始化工程
安装好了Cordova之后，应该创建第一个工程，创建工程使用以下命令

cordova create 项目路径 项目包名 项目
1
例如 cordova create hello com.example.hello HelloWorld
在当前目录下创建一个 hello目录，创建包名为com.example.hello的工程

可以看到已经创建hello目录和工程了

3 为工程添加平台
这里的平台主要指Android IOS 浏览器等，我们可以用cordova platforms list 查看可以添加的平台
进入项目目录，输入cordova platforms list

可以看到，平台还挺多的，我们这里先添加Android平台

cordova platform add android --save
1

可以看到添加平台已经成功，至此工程初始化完成了，下面我们来编译运行工程

4 编译运行工程
要构建和运行App，你需要安装每个你需要平台的SDK。另外，当你使用浏览器开发你可以添加 browser平台，它不需要任何平台SDK。
(1)检测你是否满足构建平台的要求:

cordova requirements
1

(2)编译工程 cordova build

可以看到最后编译成功了

(2)运行工程
运行工程 有以下两种办法

//运行模拟器
cordova emulate android
//运行真机
cordova run android
1
2
3
4
在AS中打开运行，我这里在AS中打开运行

打开的过程会涉及到gradle同步，如果同步失败，请打开梯子，接受外面的阳光！
然后点击运行， 连接上真机，运行界面如下：

3 总结
一路下来，发现Cordova的环境搭建非常顺利，比起RN来说简直容易得多！简直让人不敢相信！