cordova 爬坑记录

先前准备

• node
• Android SDK 7或8
• Java JDK
• Apache-ant
• gradle
• vue cli 3
• 有可能需要科学上网

安装 node 、JDK就不说啦

安装Android Studio

当然不装也可以，安装后可以更好的安装 SDK

其中红色框工具是管理SDK、绿色框是模拟器，
在 SDK Platforms 中，我们可以查看安装的SDK版本信息。而且我们也可以在这里安装和卸载SDK。选中"Show Package Details"即可查看各版本SDK的详细包的列表。选中SDK前方的框即可下载，反选则表示删除。
同时我们也需要关注各SDK所对应的 API等级。这对以后的cordova 创建项目很有用。

Android Studio 汉化（可选）

按照如下进行修改语言包即可将android studio 汉化。不过汉化后设置打不开。我又改回去了。。。

https://blog.csdn.net/qq_42813491/article/details/89177309

配置Android SDK成功

• 需要把Android SDK 路径下：”\platform-tools“和”\tools”路径追加到系统环境变量Path中
  
• 新建一个系统环境变量，变量名为ANDROID_SDK_HOME，变量值为你的SDK安装路径，这里我的安装路径为F:\Android\android-sdk
• 因为在运行的过程中，系统又告诉我找不到 ANDROID_SDK_ROOT，我就直接也把ANDROID_SDK_ROOT 放进去了，与ANDROID_SDK_HOME 路径一致。
  
• 然后就是在系统的Path变量后，追加
  %ANDROID_SDK_HOME%\platform-tools
  %ANDROID_SDK_HOME%\tools

安装ant和gradle

在官网下载最新版本的解压到文件夹下并添加环境即可
配置环境变量方法同上，当然可以直接赋值ant安装路径，我这种方法是因为 path太多了。。不能超过2072？？所以这样做的。

• 检查ant 是否安装成功：

ant -v

• 查看gradle 是否安装成功：

gradle -v

最新版本的Cordova 应该是必须安装 gradle 的。查阅安装了比较老的Cordova的教程，都没有 gradle 的配置要求。如果做完了以上步骤，我们就可以安装 Cordova了

安装 Cordova

• 请注意！不要使用 cnpm 安装 cordova
• 请注意！不要使用 cnpm 安装 cordova
• 请注意！不要使用 cnpm 安装 cordova

正确的安装Cordova应使用NPM进行安装

这是因为最新版本的Cordova需要的依赖包很多都是比较新的，只有npm有。不过鉴于npm下载很慢，我们可以使用淘宝镜像：

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

再次切记，不要使用 cnpm，因为cnpm的安装缘故，我在这上面费了很多时间。使用了cnpm安装，在创建项目的时候会报错。

使用 Cordova 创建项目

创建的命令为：

cordova create [文件夹路径] [包名] [项目名]

例如：

cordova create test com.test.mobile test

• 在这里还有一个坑，就是包名必须为 a . b . c 这种格式。否则还是会报错。

添加运行环境

添加命令为：

cordova platform add android

cordova platform add browser

特别是 android， 如果我们需要指定某个版本，需要在@出来，例如：

cordova platform add android@7.0

如果我们想使用 android studio 打开，我们可以在项目根路径下 platforms/android 文件夹打开。否则android studio 应该是不会识别的，也就是说运行不了（我是没运行的了）。

查看cordova 已安装的平台

cordova platform ls

为cordova 删除平台

cordova platform rm android

注意

如果添加错误，比如说 安卓版本填写错误，务必先删除平台后，再进行添加。

检查cordova 当前的环境

cordova requirements

若所有准备环境均已安装、配置完成，将看到如下：

修改API等级

有可能是我手机的问题，我的手机是 Android 8，创建项目时获取的容器API版本是26。因此在这里我们需要手动修改下配置文件，使得容是 API等级为25的Android 7。
如果我们Android SDK版本与 创建的项目中 API等级不符，我们可以修改下列三个文件中的 target 属性。最后一个AndroidManifest.xml 并没有 target。。就不修改了，也没有报错。大家可以查看下，自己的项目中是否有target。

myApp/platforms/android/project.properties
myApp/platforms/android/CordovaLib/project.properties
myApp/platforms/android/CordovaLib/AndroidManifest.xml

修改 vue.config.js

这是一个备选项，我们需要将vue 的项目进行打包，使得输出包路径为 cordova 项目中的 www 文件夹。并创建 script 指令。vue打包结束后，直接使用 cordova 进行打包

vue.config.js 中，publicPath 的值为 ./ 。outputDir 的值为 …/www。以达到打包后直接到www文件夹中。

module.exports = {
  publicPath: './',
  outputDir: '../www'
}

修改vue项目文件夹中的package.json

创建 script 命令，使得vue打包结束后，直接进行cordova 打包：

"scripts": {
  "android": "vue-cli-service build && cordova run android"
}

然后我们就可以开心的进行开发啦！