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 cordova@vx.x.x

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环境变量

  1. 创建ANDROID_HOME,值是你的刚刚SDK的解压目录,比如 E:\Android\android-sdk-windows
  2. 找到Path变量,然后双击打开Path 变量,添加%ANDROID_HOME%\platform-tools

8. 配置Gradle(一个构建工具)

*自cordova-android@4.0.0起,Cordova为Android项目使用 Gradle构建。
同样,gradle的配置不赘述了,传送门

Tips:配置完可能需要重启

9. 设置模拟器

环境配置完了就可以开始跑项目了,android可以配置模拟器用来跑程序。在这里我用的是第三方的“夜神模拟器”,传送门,安装好就可以使用了。

10. 打包App

接下来我们重新进入我们创建的cordova项目目录,(将你的H5项目代码放入到www目录下)执行命令

cordova build android

上面的命令用来打包,幸运的话你就可以在控制台看到你打包出来的app所在目录了,找到这个目录下的app,使用模拟器打开就可以安装并使用了

Tips:签名及详细的命令解释可以参考cordova中文官网

以上

posted @ 2019-12-27 11:08  大西瓜鸭  阅读(4294)  评论(0编辑  收藏  举报