大家好,欢迎来到IT知识分享网。
cordova开发环境安装(2024新版)
1. cordova简介
2. cordova开发环境搭建
以android平台开发为例,完成开发环境搭建。需要依次下载安装:
- JDK
- android SDK Tools
- Gradle
- Node.js
- 设置环境变量
- npm安装Cordova
注意:
- 若开发基于IOS,需安装IOS平台支持,参考:IOS Platform Support
- 在进行下述安装前,请确保已安装好JDK。所需JDK的版本根据要安装的cordova版本不同。
- cordova并不建议安装最新版本JDK。
若使用2021年7月发布的Cordova Android 10.0.0以后版本建议安装JDK 11,低于该版本的Cordova建议安装JDK8.
目前建议安装版本JDK11或JDK17。安装完成后,在命令行运行以下命令验证:
javac -version
2.1安装android SDK
(1)安装Android Studio
提示:在安装中,需要访问大量网络资源,务必保证网络畅通!
安装到指定目录,例如:d:\android\android studio。也可以standard安装(记录所安装的目录)。后面Next,直到安装完成,然后会自动进入设置界面。
此时,如果出现错误:“unable to access Android SDK add-on list”,要求设置proxy,解决方法是:
打开android studio安装目录下\bin\idea.properties文件,在末尾添加:
disable.android.first.run=true
保存,即可避免在未安装SDK情况下检查。
(2)安装android SDK
(3)设置SDK manager
– SDK Platforms
这里需要安装所需的android版本的SDK Platform(在前面的check框打V),根据要开发的功能需要选择安装,例如Android 13,Android 10…,不同版本支持的功能有些许差异。安装时选择后面API Level为数字的选项。
注:该版本应根据要运行APP的android手机版本选择,对于不同android SDK版本和cordova的版本对应关系参考: cordova与android的版本对应和安装
- 更多内容可参照cordova关于android平台支持的官方文档:Android Platform Support
2.2安装gradle
下载gradle-x.x-bin.zip文件(gradle-x.x-all.zip多了源码src和docs、samples目录),完成后拷贝到目标目录解压。例如:安装到D:\Android\gradle-X.X目录。(X.X是你下载的版本号)
2.3 安装Git(可选)
Git是源代码控制管理工具,不仅可以管理代码,还是下载各种包的工具。
下载地址:www.git-scm.com/downloads
选择windows,会自动下载符合你操作系统的安装文件。例如64位windows版本。
下载后运行。安装路径也改到D:\android:
此后全部用默认值,下一步,结束安装。
2.4 安装Node.js
需要用其npm工具完成后续cordova软件安装。
下载地址:http://nodejs.org
选择LTS的最新版本下载,而不是Current版本。运行:同样修改安装路径:D:\android\nodejs
2.5 设置环境变量
安装完成上述软件后,设置环境变量如下:
计算机-属性-高级系统设置-环境变量-系统变量-Path
编辑该系统变量。
– 注意:
- 1、以上设置的具体值要指向你所安装的文件夹目录。
- 2、不要删除系统变量path中%SystemRoot开头的相关设置,会导致cordova执行出错
- 3、系统变量path在新设置的路径之前如果有其他版本的路径,会导致找不到所需的应用,需要把本次设置的内容“上移”;另外,也要注意用户path中是否有类似冲突
2.6 验证安装环境
cmd打开命令窗口,按以下方法依次执行,验证安装是否正确:
adb //验证android gradle -v //验证编译 javac //验证java git //验证git npm //验证npm
出现任何问题,都解决后再继续后续步骤!
2.7 安装Cordova
在命令窗口中键入:
npm install -g cordova
cordova -v
出现最新版本号,则安装正确!
关闭后,重新打开命令窗口cmd,再次验证cordova -v
注意:该path路径必须根据本机实际安装路径修改
至此,完成cordova环境安装。
后期需要更新cordova,可以用如下命令:
npm update -g cordova
3. 建立第一个cordova工程
第一步 创建工程
cmd进入命令行方式(以下每一步都在cmd中完成),键入如下命令:
进入要建立工程的程序目录(根据自己的安装路径,我的为myApps):
建立工程:
cordova create myfirst
第二步 增加android平台支持
在cmd命令窗继续执行以下命令:
进入工程文件目录:
cd myfirst
增加android平台支持:
cordova platform add android
验证是否安装成功:
cordova platforms
第三步 编译
在cmd命令窗继续执行以下命令:
编译:
cordova compile
生成执行文件:
cordova build
第四步 运行程序
用USB连接手机和计算机,打开“开发者模式”-“USB调试”,
cmd窗口运行
cordova run
手机屏幕出现第一个cordova工程的demo画面
或者,用以下命令运行到模拟器:
cmd窗口运行
cordova emulate android
若模拟器不能正常运行,采用真机和第三方模拟器的方法,请参考:Android开发第三方模拟器使用、真机运行以及黑屏的解决
4 其他需要注意的问题
(2)cordova缺省为安装最新版本,当需要安装指定的cordova版本时,使用如下命令(以安装9.0.0版本为例):
npm install -g cordova@9.0.0
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/131406.html