cordova 使用

安装 node

使用 nvm 安装

打开 shell 窗口,输入:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

这里貌似最好删除以前的 node,防止出现意外情况。

运行下面命令,查看是否成功

nvm -v  //查看版本
配置环境变量

在系统的环境变量中添加下面内容,并加到 Path 中去:

NVM_HOME
C:\Users\Administrator\AppData\Roaming\nvm

NVM_SYMLINK
C:\Program Files\nodejs

需要配置上面两个,后面的 node 地址还没生成,需要使用 use 切换。

安装 node

使用下面命令安装:

nvm -v nvm install v版本

使用 nvm 列举 node 版本:

nvm ls

使用 nvm 切换版本:

nvm use 版本
检查 node

使用下面命令检查 node 版本:

node -v

安装 cordova

修改 nvm 的源

进入 NVM_HOME 所在目录(如上),修改 settings.txt 文件,增加两行:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
安装 cordova

使用下面命令全局安装

npm install -g cordova@版本
检查环境要求

cordova 需要一些环境来配合开发,如 JDK、SDK、Gradle之类的,用下面命令检查:

cordova requirements

如果出现一些问题的话,要去下载对应东西,并配置好相应环境变量。

其中JAVA_HOME和ANDROID_SDK_ROOT是必须要的,打包时可能会出现下面问题:

Could not find gradle wrapper within Android SDK

这时候有两个办法:

  1. 如果已经安装了Android Studio:

复制templates目录(可能没有):C:\Program Files\Android\Android Studio\plugins\android\lib\templates
粘贴至如下目录:C:\Users<user-name>\AppData\Local\Android\sdk\tools

  1. 没有安装Android Studio:

下载 Android SDK tools package(https://dl.google.com/android/repository/tools_r25.2.3-windows.zip)并解压
进入 C:\Users<user-name>\AppData\Local\Android\sdk目录并备份tools目录
将package压缩包中的tools目录解压到这个目录下

创建 cordova 工程

使用下面命令创建工程:

cordova create hello com.example.hello HelloWorld

参数分别对应目录、包名、工程名。

增加 platform

cordova 通过下面命令增加程序编译环境,例如增加安卓:

cordova platform add browser
编译 cordova 工程

cordova 通过下面命令进行编译,例如编译安卓:

cordova build ios -d/r

可选择编译 debug 版本或者 release 版本。

使用 Android studio 编辑

使用 Android studio 选中项目目录中 platform 目录下的 Android 项目打开,就可以编辑了。

运行 cordova 工程

cordova 通过下面命令进行编译并运行,例如安卓环境下:

cordova run android -d/r

需要在 SDK 中配置好虚拟机,

更多内容

查看官方文档:

https://cordova.apache.org/docs/en/11.x/guide/overview/index.html

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐