cordova环境搭建

  • 2019 年 10 月 11 日
  • 笔记

一、步骤列表

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

二、准备依赖环境

1. 需要准备的安装包

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

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

2.1 java环境变量:

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

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

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

2.2 配置gradle环境变量:

新建->变量 GRADLE_HOME, 变量值为gradle的路径:D:Program Filesgradle-4.1-bingradle-4.1

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

3. 安装和配置adb-studio

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

2. 选择要安装的sdk包

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成功的界面