配置cordova的android开发环境（无android studio）

深碍√TFBOYSˉ_ 2023-06-29 15:54 34阅读 0赞

#### 配置cordova的android开发环境（无android studio） ####

空闲想试一下cordova，不想安装庞大的android studio，所以想最小化安装 记录一下过程，备将来参考。  
第一步：安装nodejs，下载最新版本v10.15.0  
第二步：设置npm安装源  
`npm config set registry http://registry.npm.taobao.org/`  
查看是否正确设置  
`npm config get registry`  
第三步：安装cordova  
`npm install - g cordova`  
安装完成后在命令行中执行 cordova -v 可以看到cordova的版本  
![在这里插入图片描述][20200113120650566.png]  
第四步：安装JAVA SDK（以下的步骤都是了为支持android开发）

需要下载和安装1.8及之后的版本，这里使用的是jdk-8u231-windows-x64.exe

安装后设置环境变量:path中添加  
C:\\Program Files\\Java\\jdk1.8.0\_231\\bin  
验证是否安装成功：java  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc3NzA3NA_size_16_color_FFFFFF_t_70]  
表示安装成功  
第五步：安装android SDK  
去https://www.androiddevtools.cn/上下载sdk-tools,根据个人喜好可选择对应的下载版本  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc3NzA3NA_size_16_color_FFFFFF_t_70 1]  
设置环境变量，增加ANDROID\_HOME，内容为D:\\Android\\Android-SDK，在Path中增加%ANDROID\_HOME%\\tools\\bin和%ANDROID\_HOME%\\tools

然后打开命令行，进入D:\\Android\\Android-SDK目录，运行以下命令，安装platfrom-tools，build-tools和安卓API  
`sdkmanager "platform-tools" "platforms;android-28"`  
`sdkmanager "build-tools;28.0.3"`

第六步：安装gradle  
从https://services.gradle.org/distributions/gradle-4.1-bin.zip，下载zip文件，解压到C:\\Gradle\\gradle-4.1，然后将C:\\Gradle\\gradle-4.1\\bin加入到Path环境变量

第七步：创建和编译cordova项目  
打开命令行，执行 `cordova create demo`，创建一个工程，目录名为demo

进入demo目录，执行 `cordova platform add android`，增加安卓平台支持，版本为android@8.0.0，安卓的目标版本为android-28

执行 `cordova requirements`可以查看本工程的依赖项（JDK、androidsdk、gradle、android-target都已经安装）

执行`cordova build android`，会打包一个debug的apk

执行`cordova run android`， 直接编译项目

[20200113120650566.png]: https://img-blog.csdnimg.cn/20200113120650566.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc3NzA3NA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200113115957550.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc3NzA3NA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc3NzA3NA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200113120115103.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc3NzA3NA==,size_16,color_FFFFFF,t_70