cordova项目环境搭建 hello

环境准备:

1.下载nodejs并安装配置。

直接官网下载最新版本。此次我是下载的 Node.js v22.12.0。

1.1安装好后配置镜像。

 输入:node -v     // 显示node.js版本

            npm -v      // 显示npm版本

 1.2环境配置

(1)找到安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】

(2)创建完毕后,使用管理员身份打开cmd命令窗口(打开方法见下方Tips),输入

①npm config set prefix “你的路径\node_global” (复制你刚刚创建的“node_global”文件夹路径)

②npm config set cache “你的路径\node_cache” (复制你刚刚创建的“node_cache”文件夹路径)

(3)配置环境变量 

然后你就会发现【node_global】里多出了一个【node_modules】文件夹 。

Tips: 如果输入变量值之后没有自动创建【node_modules】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹,再复制你创建的【node_modules】文件夹的路径地址到变量值

③编辑【用户变量】中的【Path】。将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定。即把第二行替换为第三行路径。

⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】,随后一直点击【确定】

1.3安装淘宝镜像

  通过命令“npm config set registry http://registry.npmmirror.com“设置淘宝镜像源

 运行“npm config get registry“查看当前配置的镜像地址

至此,nodejs安装配置完成。

2.接下来全局安装Cordova工具

在命令行输入npm install -g cordova全局安装Cordova工具

安装完成后:

3.使用cordova创建项目 

运行 cordova create <目录> <包名> <应用名>  创建一个项目。

如 cordova create hello xpl.android.hello hello

需要关闭cmd窗口重新打开,之前配置的环境变量才会生效。创建成功后,项目目录如下:

进入项目目录:使用 cd <目录> 命令。

添加平台(例如OS或Android或浏览器或):运行

 cordova platform add ios 

或 cordova platform add android

或 cordova platform add browser 

浏览器运行cordova run 


按ctrl+C 退出运行
cordova platform add android 

默认添加的Android最低版本是sdk34


cordova build android

没有配置Android的sdk。以前有安装过,直接解压压缩包到指定目录进行配置。

 

配置好后关闭cmd窗口,重新打开,运行cordova build android

 本地其实已经安装过gradle了,版本是gradle-8.10.2。并且配置了如下环境变量,还是报上错误:

根据百度查到说是配置CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL环境变量。gradle-8.10.2-bin.zip以前已经下载好了,放到对于路径下去。

重启cmd窗口,执行编译命令,报如下错误:还是会自动下载gradle

提示url不正确,百度查了下,是斜杠问题,window系统正确的路径应该是:

file:///D:/xpl_soft/gradle-8.10.2/gradle-8.10.2-bin.zip

重启cmd窗口,执行编译命令cordova build android,报如下错误:

提示Android build tools version 34.0.0,说明Android sdk 34 版本不存在。

前面使用cordova platform add android命令添加组件,cordova-Android版本是13.0.0。可能版本太高了,导致后面报错。准备移除该组件,重新添加12.0.0版本的试一下。

 

再次编译运行:

通过Android studio安装Android sdk build-tools 33.0.2版本。

再次编译运行:

运行了近11分钟,还是报错了。

把hello项目删除,重新创建了。报下面错误:准备升级gradle看看。

替换环境:

1.jdk:jdk1.8.0_301_x64

2.nodejs:

3.cordova:11.0.0

4.cordova-Android:11.0.0

5.gradle:gradle-8.10.2-bin

再次编译运行报如下错误(下载了很久,大概20多分钟。如果配置build.gradle设置国内镜像源应该可以快很多):

Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8

 结果不断组合测试,以下配置终于编译成功了:

虽然报错了,但是后面提示build 成功 了。后面再编译了一次,没有报错,提示成功:

终于成功了。记录下此时环境配置:

1.jdk:jdk-11.0.19

2.nodejs:

3.cordova:11.0.0

4.cordova-Android:11.0.0

5.gradle:7.4.2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值