Cordova的环境配置
前言
西瓜君目前公司的App项目是采用用H5来写,再使用Cordova来打包;之前我有完整的配置了cordova的环境,但是因为一些原因重装了系统,现在需要重新装环境,那就让我们再一起学习一下cordova环境的配置吧~~
1. 安装cordova命令
Tips:安卓平台最低要求的jdk版本是1.8
Cordova命令行工具作为npm包分发。需要先安装Node.js,node.js默认安装了npm命令,无需再重复安装。
npm install -g cordova
使用上面的命令安装cordova命令,-g标志是告诉 npm 全局安装 cordova。否则将会安装在当前工作目录的 node_modules子目录。
安装完成后,能够在命令行中运行cordova命令。
如果你需要安装旧版本,可以执行下面的命令
npm install -g
vx.x.x是版本号
2. 创建App
进入你的项目目录,执行命令
cordova create hello com.example.hello HelloWorld
hello是你的项目名,自己更换;执行后会创建一个名为hello的目录,项目的主页是www/index.html文件
3. 添加平台
现在我们需要进入到项目的根目录
cd hello
给项目添加平台(ios/android)
cordova platform add ios --save
cordova platform add android --save
*由于我司现在只需要安卓的,所以这里我只安装安卓的平台。
同样,这里也可以在后面加上版本以安装你想要的版本
查看此项目当前的平台设置情况
cordova platform ls
到这一步,下面的就需要配置环境了,本文只提供android环境的配置
4. 安装jdk
Tips:安卓平台最低要求的jdk版本是1.8
jdk配置网上有很多文章有些,我就不赘述了,传送门jdk环境安装
5. 安装Android SDK Tools
我这里是用android-sdk-windows来进行安装与管理;附送下载链接;选择SDK Tools,下载解压到任意目录(要记住目录)
6. 安装Android 版本
进入SDK的解压目录下,双击“SDK Manager.exe”打开SDK管理器,就可以下载对应的android sdk版本了(需要查询你的项目安装的android平台版本需要那个版本的sdk)附送查询链接
7. 配置Android环境变量
- 创建ANDROID_HOME,值是你的刚刚SDK的解压目录,比如 E:\Android\android-sdk-windows
- 找到Path变量,然后双击打开Path 变量,添加%ANDROID_HOME%\platform-tools
8. 配置Gradle(一个构建工具)
*自起,Cordova为Android项目使用 Gradle构建。
同样,gradle的配置不赘述了,传送门
Tips:配置完可能需要重启
9. 设置模拟器
环境配置完了就可以开始跑项目了,android可以配置模拟器用来跑程序。在这里我用的是第三方的“夜神模拟器”,传送门,安装好就可以使用了。
10. 打包App
接下来我们重新进入我们创建的cordova项目目录,(将你的H5项目代码放入到www目录下)执行命令
cordova build android
上面的命令用来打包,幸运的话你就可以在控制台看到你打包出来的app所在目录了,找到这个目录下的app,使用模拟器打开就可以安装并使用了
Tips:签名及详细的命令解释可以参考cordova中文官网
以上