Cordova与VUE创建APP
当今APP主要分为以下三类:
原生APP:利用Android、IOS平台的官方开发语言进行开发,比如android的java和IOS的object-c语言。性能和交互体验最好。
Web APP:使用Web开发语言进行开发,通过浏览器运行。
混合APP:是以上两种的混合,其混合比例(是原生APP技术多还是HTML5技术多)根据情况而定。
前提安装:
JDK: http://www.oracle.com/technetwork/java/javase/downloads/index.html
Android SDK: https://www.androiddevtools.cn/ (配置安装目录环境变量:ANDROID_HOME, ANDROID_SDK_ROOT)
gradle: http://services.gradle.org/distributions/ (注:该网站下载较慢,可以百度搜索指定版本有百度网盘下载)
环境变量:
JAVA_HOME: jdk安装目录
ANDROID_HOME: android sdk安装目录
ANDROID_SDK_ROOT: android sdk安装目录
GRADLE_HOME:gradle安装目录
添加到PATH中:
%GRADLE_HOME%\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%JAVA_HOME%/bin;
安装步骤:
1. 安装node.js, 官方地址:https://nodejs.org/en/
2. 安装Cordova: npm install -g cordova
3. 创建应用:cordova create HelloWorld
4. 进入应用:cd HelloWorld
5. 添加android平台:cordova platfor add android --save
6. 检测具备条件:cordova requirements
7. 打包:cordova build android (会生成apk文件)
8. 运行:cordova run android(或将apk文件传到手机上安装运行)
如果build时,报java.lang.NullPointerException GradleWrapperMain.java
则把gradle压缩包(如:gradle-5.2.1-all.zip), 放到 项目目录\HelloWorld\platforms\android\gradle\gradle-5.2.1-all.zip
然后更改 项目目录\HelloWorld\platforms\android\cordova\lib\builders\ProjectBuilder.js,
更改下面这行,
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'https\\://services.gradle.org/distributions/gradle-4.10.3-all.zip';
为:
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || '../gradle-5.2.1-all.zip';
此时项目会找到该压缩包的位置,并将其解压到C:\Users\(用户名)\.gradle\wrapper\dists文件夹下。
原生APP:利用Android、IOS平台的官方开发语言进行开发,比如android的java和IOS的object-c语言。性能和交互体验最好。
Web APP:使用Web开发语言进行开发,通过浏览器运行。
混合APP:是以上两种的混合,其混合比例(是原生APP技术多还是HTML5技术多)根据情况而定。
前提安装:
JDK: http://www.oracle.com/technetwork/java/javase/downloads/index.html
Android SDK: https://www.androiddevtools.cn/ (配置安装目录环境变量:ANDROID_HOME, ANDROID_SDK_ROOT)
gradle: http://services.gradle.org/distributions/ (注:该网站下载较慢,可以百度搜索指定版本有百度网盘下载)
环境变量:
JAVA_HOME: jdk安装目录
ANDROID_HOME: android sdk安装目录
ANDROID_SDK_ROOT: android sdk安装目录
GRADLE_HOME:gradle安装目录
添加到PATH中:
%GRADLE_HOME%\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%JAVA_HOME%/bin;
安装步骤:
1. 安装node.js, 官方地址:https://nodejs.org/en/
2. 安装Cordova: npm install -g cordova
3. 创建应用:cordova create HelloWorld
4. 进入应用:cd HelloWorld
5. 添加android平台:cordova platfor add android --save
6. 检测具备条件:cordova requirements
7. 打包:cordova build android (会生成apk文件)
8. 运行:cordova run android(或将apk文件传到手机上安装运行)
如果build时,报java.lang.NullPointerException GradleWrapperMain.java
则把gradle压缩包(如:gradle-5.2.1-all.zip), 放到 项目目录\HelloWorld\platforms\android\gradle\gradle-5.2.1-all.zip
然后更改 项目目录\HelloWorld\platforms\android\cordova\lib\builders\ProjectBuilder.js,
更改下面这行,
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'https\\://services.gradle.org/distributions/gradle-4.10.3-all.zip';
为:
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || '../gradle-5.2.1-all.zip';
此时项目会找到该压缩包的位置,并将其解压到C:\Users\(用户名)\.gradle\wrapper\dists文件夹下。