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
在AS中打开运行,我这里在AS中打开运行
打开的过程会涉及到gradle同步,如果同步失败,请打开梯子,接受外面的阳光!
然后点击运行, 连接上真机,运行界面如下:
3 总结
一路下来,发现Cordova的环境搭建非常顺利,比起RN来说简直容易得多!简直让人不敢相信!