Win10搭建Cordova环境配置指南
在 Windows 10 下搭建一个兼容性高、稳定性强的 Cordova 环境,关键在于选择经过市场长期检验、彼此兼容的版本组合。下面为您整理了一份详细的软件清单和配置步骤。
核心思路
追求稳定,我们不追求最新版本,而是选择被广泛验证过的“黄金组合”。
一、 所需软件及推荐版本
| 软件名称 | 推荐稳定版本 | 作用说明 |
|---|
| Node.js | 16.x LTS 或 18.x LTS |
Cordova 的运行环境和包管理工具。LTS 版本长期支持,最稳定。 |
| JDK | JDK 8 或 JDK 11 (LTS) |
编译 Android 应用的必备环境。Cordov a 对 JDK 8 和 11 支持最好。 |
| Android SDK | API 30 (Android 11.0) |
Android 开发工具包。API 30 是一个经 典且稳定的版本,兼容性极佳。 |
| Android Studio |
Arctic Fox (2020.3.1) 或 稳定新版 |
官方 IDE,用于安装和管理 Android SDK 和构建工具。 |
| Git | 最新版即可 |
许多 Cordova 插件托管在 Git 上,需 要 Git 来下载。 |
| Cordova CLI | 11.0.0 或 10.0.0 | Cordova 命令行工具,核心。 |
版本选择说明:
-
Node.js: v16 和 v18 是当前绝大多数项目和插件验证过的最稳定版本。避免使用最新的奇数版本。
-
JDK: 强烈推荐 JDK 8,这是 Cordova Android 生态中最没有兼容性问题的版本。如果遇到警告,可升级到 JDK 11 LTS。切勿使用 JDK 17+,会导致构建失败。
-
Android SDK: API 30 是一个分水岭,足够新以支持现代应用,又足够老以保证插件兼容性。
二、 详细安装与配置步骤
请严格按照顺序操作。
第1步:安装 Node.js
-
从官网下载 Node.js 16 LTS 或 18 LTS 的 Windows 安装包 (.msi)。
-
双击安装,基本上一路
Next即可。安装程序会自动配置环境变量。 -
验证安装: 打开命令提示符 (CMD) 或 PowerShell,输入:
node -v npm -v
-
如果能显示版本号,说明安装成功。
第2步:安装 JDK
-
推荐安装 OpenJDK 8 (Temurin)
-
访问 Eclipse Temurin 下载页,选择 JDK 8 LTS,下载 Windows x64 的
.msi安装包。 -
运行安装包,按提示完成安装。记住安装路径(例如
C:\Program Files\Eclipse Adoptium\jdk-8.0.xxx.x)。
-
-
配置环境变量:
-
右键点击“此电脑” -> “属性” -> “高级系统设置” -> “环境变量”。
-
新建系统变量:
-
变量名:
JAVA_HOME -
变量值:你的 JDK 安装路径 (例如
C:\Program Files\Eclipse Adoptium\jdk-8.0.372.7-hotspot)
-
-
修改
Path变量: 双击Path,点击“新建”,添加%JAVA_HOME%\bin。
-
-
验证安装: 重新打开一个 CMD 窗口,输入:
java -version javac -version
-
应显示 JDK 8 的版本信息。
第3步:安装 Android Studio 和 Android SDK
-
下载并安装 Android Studio。
-
启动 Android Studio,在安装向导中选择“Custom”安装。
-
选择 SDK 组件: 确保勾选:
-
Android SDK -
Android SDK Platform -
Android Virtual Device
-
-
SDK Manager 配置:
-
安装完成后,进入主界面,点击
More Actions->SDK Manager。 -
SDK Platforms 标签页: 勾选 Android 11.0 (R),确保 API Level 30 被安装。
-
SDK Tools 标签页:
-
勾选
Android SDK Build-Tools(会安装一个推荐版本,如 30.0.3,这个版本很稳定)。 -
勾选
Android SDK Command-line Tools (latest)。 -
勾选
Android Emulator。 -
点击 "Apply" 开始安装。
-
-
-
配置环境变量:
-
新建系统变量
ANDROID_HOME:-
变量名:
ANDROID_HOME -
变量值:你的 Android SDK 路径 (通常为
C:\Users\你的用户名\AppData\Local\Android\Sdk)
-
-
修改
Path变量: 添加以下三条:-
%ANDROID_HOME%\platform-tools -
%ANDROID_HOME%\tools -
%ANDROID_HOME%\build-tools\30.0.3(请替换为你实际安装的版本号)
-
-
-
验证安装: 重新打开 CMD,输入:
adb version
-
应显示 ADB 的版本信息。
第4步:安装 Cordova 和创建项目
-
安装 Cordova CLI: 在 CMD 中运行:
npm install -g cordova@11.0.0
-g 表示全局安装,@11.0.0 指定了稳定版本。
2.验证安装:
cordova -v应显示
11.0.0。
3.创建并测试你的第一个项目:
# 进入你的工作目录 cd C:\MyProjects # 创建 Cordova 项目 cordova create HelloWorld com.example.helloworld HelloWorld cd HelloWorld # 添加 Android 平台 cordova platform add android@10.1.2 # 构建项目 cordova build android