Windows中cordova开发环境搭建

时间:2024-03-15 19:38:19

cordova开发环境搭建:
一、cordova安装
1)安装Node.js -网址:https://nodejs.org/en/   version:10.15.1 LTS
安装根据软件安装方式安装,安装完成测试
node -v 或 npm

Windows中cordova开发环境搭建

2)安装Cordova
前置条件:完成Node.js安装
    1.打开cmd    win+r-》cmd
    2.切换安装路径:D:\Cordova>(该路径根据自己习惯设置)
    3.运行安装命令:npm install -g cordova 等待下载安装。。。。。。。。
    4.安装成功测试 cordova -v -》8.1.2 ([email protected])
    Windows中cordova开发环境搭建
到此cordova安装结束。。。。

二、配置安卓环境

1.安装java开发环境,下载java jdk  

URL:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Windows中cordova开发环境搭建

下载完成安装--根据安装其他软件一样形式,注意路径最好使用英文名

注意:安装过程中有个jre路径选择,可以直接在之前java路径里新建一个jre文件夹不与自动生成jre名称重合

Windows中cordova开发环境搭建

2.配置java环境变量

找到环境变量设置位置(编程人员人人都知道吧)计算机(右键)-》属性-》高级系统设置-》环境变量

设置系统变量:

1)点击新建环境变量:变量名 JAVA_HOME 变量值 安装java路径(D:\Java)

Windows中cordova开发环境搭建

点击确定完成

2)配置path:找到path环境名新增%JAVA_HOME%\bin   %JAVA_HOME%\jre\bin

Windows中cordova开发环境搭建

win7直接在后面加入:";%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;"     ;根据情况而定添加

添加完成确定即可

3)配置CLASSPATH:新建CLASSPATH环境变量:变量值添加(.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar)

win7一致

点击确定完成

4)验证环境变量

重回cmd中:java -version

Windows中cordova开发环境搭建

或者java

Windows中cordova开发环境搭建

或者javac

Windows中cordova开发环境搭建

至此java环境配置完成

注:以上是java1.8配置方法,在最新几版javajdk中java1.10、java1.11.....它们安装完成没有jre文件夹,该配置只需配置bin、lib即可(亲测有效)

三、安卓环境配置(java环境配置成功以后)

1.下载SDK Tools工具https://www.androiddevtools.cn/

Windows中cordova开发环境搭建

这里我下载ZIP;

2)安装SDK

下载完成后解压到空文件夹中

Windows中cordova开发环境搭建

打开Windows中cordova开发环境搭建

显示该界面,该界面内容问android SDK版本或工具

Windows中cordova开发环境搭建

3)安装SDK工具,根据个人需求以上是我之前安装的东西,这里不再详述,如果新手,可直接选取最新的每项安装

4)配置一次android环境:

进入系统环境变量设置:新建一个ANDROID_HOME路劲指向Windows中cordova开发环境搭建

设置path环境:Windows中cordova开发环境搭建

%ANDROID_HOME%\build-tools;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

方法和java形式,不再具体。。

5)判断环境是否搭建成功

也是cmd中输命令:android

会直接打开刚才安装工具窗口

或者adb

Windows中cordova开发环境搭建

到此环境就搭建完。。。。

四、安装gradlehttp://services.gradle.org/distributions/

下载一个最新的all.zip

解压到自己需要的位置记住路径然后配置环境变量

Windows中cordova开发环境搭建

Windows中cordova开发环境搭建

测试安装是否成功gradle -v

Windows中cordova开发环境搭建

五、新建cordova项目

根据cordova官网操作即可

https://cordova.apache.org/

以下是本人项目的build结果:

Windows中cordova开发环境搭建