cordova环境搭建

一、步骤列表

  1. 准备依赖环境
  2. 安装cordova
  3. 创建app,并build

二、准备依赖环境

1. 需要准备的安装包

cordova环境搭建_第1张图片

说明:gradle下载后,解压到硬盘某个目录即可;安装步骤:java->node->adb-studio

2. 配置依赖包的环境变量

2.1 java环境变量:

新建->变量名"  JAVA_HOME  ",变量值" C:\Program Files\Java\jdk1.8.0_13 1"(即JDK的安装路径)

编辑->变量名"  Path  ",在原变量值的最后面加上“  ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin ” (注意前面的 ; )

新建->变量名“  CLASSPATH  ”,变量值“ .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar ”(注意最前面有一点)

2.2 配置gradle环境变量:

新建->变量 GRADLE_HOME, 变量值为gradle的路径:D:\Program Files\gradle-4.1-bin\gradle-4.1

修改->变量 Path,即追加 ";%GRADLE_HOME%\bin"(注意前面的 ; )

cordova环境搭建_第2张图片

3. 安装和配置adb-studio

1. 安装完成后,打开adb-studio,并选择 sdk manager

cordova环境搭建_第3张图片

2. 选择要安装的sdk包

cordova环境搭建_第4张图片

3. 配置adb的环境变量

3.1 新建->变量ANDROID_HOME,值为sdk路径,如上图所示的 android sdk location值

3.2 编辑->变量path,值为";%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools"

三、安装和配置cordova

1. 修改npm源和安装

npm config set registry https://registry.npm.taobao.org npm install -g cordova

四、创建和打包

cordova create hello 
cordova platform add android 
cordova requirements 
cordova build android

注意事项

1. 在第一次安装好android sdk后,最好不更换路径,否则cordova requirements命令会运行失败

2. 虚拟器不支持模拟器调度

build成功的界面

clipboard

你可能感兴趣的:(cordova环境搭建)