Cordova环境搭建与hello word
一、环境下载
1、下载并安装Node.js
安装一路下一步即可
2、下载并安装Git
安装一路下一步即可
3、配置Android开发平台环境
(1)下载JDK
(2)下载AndroidSDK
(3)下载Apache Ant
(4)下载eclipse
二、环境配置
1、JDK环境变量配置
系统变量中新建 :JAVA_HOME 指定你的jdk安装位置
1 | C:\Program Files\Java\jdk1. 8 .0_111 |
新建:CLASSPATH
1 | .;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar |
Path变量中添加
1 | ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin |
验证:
如果 java -version能正常显示版本号,而javac -version不能显示版本号可能是你安装的JDK不完整,或者你的"Path"变量中没有正确指定javac.exe所在的目录位置
2、AndroidSDK环境配置
加入:ANDROID_HOME 指向你的AndroidSDK安装目录
1 | C:\Program Files (x86)\Android\android-sdk |
Path加入
1 | ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools |
验证
adb不是内部命令,原因可能是你的环境变量不正确没有正确指向adb.exe所在的路径或者你指向的“platform-tools”位置是空的,并不包含adb.exe,你可以启动SDK Manager 随便下载几个api
2、安装Node.js
三、Cordova全局安装
打开命令工具(按键win+r,输入cmd回车),执行
1 | npm install –g cordova |
需要下载框架包,非常慢,别急,耐心点,不要中断执行。
中途可能会出现“Error: shasum check failed
for
” 错误,多数是因为,网络问题,导致下载插件包失败,可以重试几次,或者换国内的镜像源即可
四、创建并构建App项目
1、创建项目
在命令窗口打开项目根目录(执行cd 目录名),执行cordova create 子项目名 package包名 应用名,例如: cordova create hello com.example.hello helloWorld
2、添加平台
a、在命令窗口打开项目目录(例如 cd hello)
b、执行cordova platforms ls,检查你的电脑支持的平台
c、在命令窗口打开项目目录(例如 cd hello),
d、执行cordova platform add android
如出现 error:please install android target: "android-22".错误,请打开SDK Manager 下载对应的tools,如下载出问题,多数是因为网络,配置一个googe hosts搞定;若出现“Stopping ADB server failed (code -1).” 安装完后,你把ADB服务重新启动下(在命令行输入:adb kill-server停止服务,然后adb start-server启动服务即可)
3、构建应用:
在命令窗口执行cordova build android,此步骤需要在maven.org下载框架包非常慢,请耐心等待
有出错了
“You have not accepted the license agreements of the following SDK components”
继续打开打开SDK Manager 下载对应的tools,然后重新build
build完成
检查hello目录结构
1 2 3 4 5 | •config.xml:Cordova的核心配置信息 •hook :自定义扩展功能 •platform :支持的平台,例如Andriod、iOS等 •plugins :插件目录 •www :web目录 |
五、测试
1、模拟器测试:运行cordova emulate android
4、手机测试
连接手机,打开usb调试,在命令窗口执行cordova run android
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述